Difference between revisions of "AVembed"
From bombaywiki
(→Embed A-V from external site (pandora embeds):) |
|||
(12 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | ==== | + | ==== Placing Audio and Video on the page (embed), using TimedMediaHandler extension ==== |
− | * Audio-Video embed syntax | + | * 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 video full size - At 1280x720 this video is too big to display full size, syntax follows | * Embed video full size - At 1280x720 this video is too big to display full size, syntax follows | ||
<nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki> | <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm]]</nowiki> | ||
− | * Embed video 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 video 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> | ||
− | * Embed video 360px with thumbnail of video frame at 0:15 | + | * 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]] | [[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> | <nowiki>[[File:Mumbaichi Lavani Lokshahir Anna Bhau Sathe Vihaan.webm|360px|thumbtime=0:15]]</nowiki> | ||
Line 35: | Line 35: | ||
[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]] | [[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]] | ||
<nowiki>[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]]</nowiki> | <nowiki>[[File:5AMajhiMaina_ShahirVitthalUmap_Lokgeet.mp3]]</nowiki> | ||
+ | |||
+ | |||
+ | ==== 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. | ||
+ | <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. | ||
+ | |||
+ | * 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}} | ||
+ | <nowiki>{{#iDisplay:https://pad.ma/IKX/player/BP#embed?matchRatio=true|640|360}}</nowiki> |
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
[[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}}