Difference between revisions of "AVembed"

Revision as of 09:55, 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):

• Note: Any iframe can be embedded in this way (for example, maps. etc) using iDisplay.
• 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}}

• iDisplay Syntax:

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}}