Jump to content

User:84user/sandbox

From Wikipedia, the free encyclopedia

Watch Video template

[edit]

A prototype template to display a chosen thumbnail for an audio or video file. This allows the user to choose any image as a thumbnail and not be restricted to the frames inside the video. For example, the user may wish to display a logo or explanatory label instead.

  • thumbnail image could be empty
  • file may be audio only, video only, or audio and video
  • can be used to workaround bugzilla:23160 "Theora video thumbnails corrupt"

Existing {{Listen}}



The above does not quite emulate the layout of the normal embedded media file.

This code:

{{User:84user/Thumbnail
| file =Cal_ifps25fr25_q10.ogv
| image = Calibration-test-white.png
| align = left
}}


displays the following:

Here is some text preceding the thumbnail template.

Image info . Video info . Play video

Here is some text following the thumbnail template.

Mockups

[edit]

1. Image links to its own page as normal. Preceding text here.

Image info . Video info . Play video

Postceding text here.

2. Image links to media page. Image and all links align right. Preceding text here.

Image info . Video info . Play video

Postceding text here. The floating-around-image mode must be cancelled after this text with <br clear="all" /> or <br style="clear:both" />.

3. Image links to media page. Image and all links align left. Preceding text here.

Image info . Video info . Play video

Postceding text here. The floating-around-image mode must be cancelled after this text with <br clear="all" /> or <br style="clear:both" />.

4. Image links to media page. Image and all links align right. Image is actual size, not a thumb. Preceding right-aligned image and text here.

caption=right-aligned image to test compatibility with following table
Image info . Video info . Play video

Postceding text here. The floating-around-image mode must be cancelled after this text with <br clear="all" /> or <br style="clear:both" />.

5. Image links to media page. Image and all links align right. Image is actual size, not a thumb. Preceding left-aligned image and text here.

caption=left-aligned image to test compatibility with following table
Image info . Video info . Play video

Postceding text here. The floating-around-image mode must be cancelled after this text with <br clear="all" /> or <br style="clear:both" />.

6. Image links to media page. Image box has no alignment. Image is actual size, not a thumb. Preceding left-aligned image and text here.

caption=left-aligned image to test compatibility with following table
Image info . Video info . Play video

Postceding text here. The floating-around-image mode must be cancelled after this text with <br clear="all" /> or <br style="clear:both" />.

Use cases

[edit]
Image info . Video info . Play video
other sections
Devtools
Interact with your site

This panel displays the activity of Edgio edge and browser caches and prefetching.

78741754-32CA-4E37-B0F8-7A60AB8D4089