Difference between revisions of "AVembed"

From bombaywiki
Jump to: navigation, search
(Embed A-V from external site (pandora embeds):)
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
==== now using TimedMediaHandler extension ====
+
==== Placing Audio and Video on the page (embed), using TimedMediaHandler extension ====
  
Syntax follows each example below:
+
* Audio-Video embed syntax is similar to image embed syntax, with some additional features. Some examples below.
 +
General syntax: See more options here https://www.mediawiki.org/wiki/Help:Images
 +
<nowiki>[[File:filename.extension|options|caption]]</nowiki>
  
* Embed full size (At 1280x720 this video is too big to display full size)
+
* Embed video full size - At 1280x720 this video is too big to display full size, syntax follows
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]
 
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki>
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki>
  
* Embed 480px
+
* Embed video, width 480px
 
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|480px]]
 
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|480px]]
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|480px]]</nowiki>
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|480px]]</nowiki>
  
* Embed 360px
+
* Embed video, width 360px
 
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px]]
 
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px]]
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px]]</nowiki>
 
  <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px]]</nowiki>
  
* Text link direct to file
+
* Embed video, width 360px with thumbnail of video frame at 0:15
 +
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumbtime=0:15]]
 +
<nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumbtime=0:15]]</nowiki>
 +
 
 +
* Embed video in centered thumbnail box
 +
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumb|center]]
 +
<nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumb|center]]</nowiki>
 +
 
 +
* Text link direct to video file
 
[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]
 
[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]
 
  <nowiki>[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki>
 
  <nowiki>[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki>
  
 +
* Text link direct to video file with alt-text
 +
[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|See video here]]
 +
<nowiki>[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|See video here]]</nowiki>
  
[[File:5AMajhiMaina ShahirVitthalUmap Lokgeet (online-audio-converter.com).mp3]]
+
* Embed audio
 
+
[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]]
[[File:5AMajhiMaina ShahirVitthalUmap Lokgeet (online-audio-converter.com).mp3|File:5AMajhiMaina ShahirVitthalUmap Lokgeet (online-audio-converter.com).mp3]]
+
<nowiki>[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]]</nowiki>
  
  
 +
==== Embed A-V from external site (pandora embeds): ====
  
==== html5mediator / local video embed: ====
 
<html5media>File:06a sukhtankar 1980.webm</html5media>
 
  
==== iFrame embeds (pandora embeds): ====
+
* iDisplay Syntax to embed an iframe:
 +
Where:
 +
The URL you want to display
 +
The WIDTH of the iFrame
 +
The HEIGHT of the iFrame
 +
If SAFE == 1 then there will be the blocking page in between.
 +
<nowiki>{{#iDisplay:URL|WIDTH|HEIGHT|SAFE}}</nowiki>
 +
* Get embed code snippet from the site
 +
* For pad.ma or indiancine.ma see: https://wiki.pad.ma/wiki/embed
 +
* Copy only src= part of the snippet, the text between quotes. Check that the snippet also contains '?matchRatio=true', if not add it.
  
{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|160|90}}
+
* Example: Embed from pad.ma with transcript layer
 +
{{#iDisplay:https://pad.ma/UN/editor/AJ#embed?&showAnnotations=true&showLayers=["transcripts"]&matchRatio=true|640|640}}
 +
<nowiki>{{#iDisplay:https://pad.ma/UN/editor/AJ#embed?&showAnnotations=true&showLayers=["transcripts"]&matchRatio=true|640|640}}</nowiki>
 +
<nowiki>pad.ma snippet was:
 +
<iframe width="480" height="640" src="https://pad.ma/UN/editor/AJ#embed?&showAnnotations=true&showLayers=["transcripts"]&matchRatio=true"></iframe></nowiki>
  
 +
* Example: embed only video from pad.ma, embed size 640x360
 
{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|640|360}}
 
{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|640|360}}
 
+
<nowiki>{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|640|360}}</nowiki>
{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|300%}}
 

Latest revision as of 17:42, 23 February 2018

Placing Audio and Video on the page (embed), using TimedMediaHandler extension

  • Audio-Video embed syntax is similar to image embed syntax, with some additional features. Some examples below.

General syntax: See more options here https://www.mediawiki.org/wiki/Help:Images

[[File:filename.extension|options|caption]]
  • Embed video full size - At 1280x720 this video is too big to display full size, syntax follows
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]
  • Embed video, width 480px
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|480px]]
  • Embed video, width 360px
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px]]
  • Embed video, width 360px with thumbnail of video frame at 0:15
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumbtime=0:15]]
  • Embed video in centered thumbnail box
[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumb|center]]
  • Text link direct to video file

Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm

[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]
  • Text link direct to video file with alt-text

See video here

[[Media:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|See video here]]
  • Embed audio
[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]]


Embed A-V from external site (pandora embeds):

  • iDisplay Syntax to embed an iframe:

Where: The URL you want to display The WIDTH of the iFrame The HEIGHT of the iFrame If SAFE == 1 then there will be the blocking page in between.

{{#iDisplay:URL|WIDTH|HEIGHT|SAFE}}
  • Get embed code snippet from the site
  • For pad.ma or indiancine.ma see: https://wiki.pad.ma/wiki/embed
  • Copy only src= part of the snippet, the text between quotes. Check that the snippet also contains '?matchRatio=true', if not add it.
  • Example: Embed from pad.ma with transcript layer

{{#iDisplay:https://pad.ma/UN/editor/AJ#embed?&showAnnotations=true&showLayers=["transcripts"]&matchRatio=true|640|640}}
pad.ma snippet was:
<iframe width="480" height="640" src="https://pad.ma/UN/editor/AJ#embed?&showAnnotations=true&showLayers=["transcripts"]&matchRatio=true"></iframe>
  • Example: embed only video from pad.ma, embed size 640x360

{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|640|360}}