Difference between revisions of "Style guide"
Line 1: | Line 1: | ||
==Videos== | ==Videos== | ||
− | You can use the [https://www.mediawiki.org/wiki/Extension:EmbedVideo#.3Cembedvideo.3E_-_Tag_Hook EmbedVideo] functionality to embed videos from over 20 popular video hosting sites including vimeo and youtube. | + | You can use the [https://www.mediawiki.org/wiki/Extension:EmbedVideo#.3Cembedvideo.3E_-_Tag_Hook EmbedVideo] functionality to embed videos from over 20 popular video hosting sites including vimeo and youtube. Additional attributes like size and alignment of videos and captions can be configured according to [https://www.mediawiki.org/wiki/Extension:EmbedVideo#Attributes_for_Parser_Tags this guide] |
+ | |||
At it's most basic the embed video function will look like this: | At it's most basic the embed video function will look like this: | ||
Line 13: | Line 14: | ||
<embedvideo service="youtube">https://www.youtube.com/watch?v=CcqxI7a6wSM</embedvideo> | <embedvideo service="youtube">https://www.youtube.com/watch?v=CcqxI7a6wSM</embedvideo> | ||
− | + | Or with vimeo: | |
+ | |||
+ | <nowiki><embedvideo service="vimeo">https://vimeo.com/143407350</embedvideo></nowiki> | ||
+ | Which gives you: | ||
+ | <embedvideo service="vimeo">https://vimeo.com/143407350</embedvideo> | ||
To embed youtube videos more quickly you can also use the youtube tag, go the the video's youtube page and extract the unique video identifier string from the youtube video's URL like this: | To embed youtube videos more quickly you can also use the youtube tag, go the the video's youtube page and extract the unique video identifier string from the youtube video's URL like this: |
Revision as of 17:53, 23 October 2015
Videos
You can use the EmbedVideo functionality to embed videos from over 20 popular video hosting sites including vimeo and youtube. Additional attributes like size and alignment of videos and captions can be configured according to this guide
At it's most basic the embed video function will look like this:
you type this
<embedvideo service="youtube">https://www.youtube.com/watch?v=CcqxI7a6wSM</embedvideo>
and it looks like this
Or with vimeo:
<embedvideo service="vimeo">https://vimeo.com/143407350</embedvideo>
Which gives you:
To embed youtube videos more quickly you can also use the youtube tag, go the the video's youtube page and extract the unique video identifier string from the youtube video's URL like this:
For the video at this location: "https://www.youtube.com/watch?v=CcqxI7a6wSM" The identifier is CcqxI7a6wSM
Paste the identifier in between the youtube tags using the following format.
<youtube>CcqxI7a6wSM</youtube>
This displays like this: