Error
  • JUser: :_load: Unable to load user with ID: 42

HTML5 Videos

Written by 
Published in Shortcodes

YJSG 1.0.14 comes with default support for HTML5 video player by using Video.js which also supports Youtube and Vimeo videos. This is a very handy feature that will let you embed video player in any Joomla! content type. We also added  .yjh5v_center  class  that you can use to center your videos within content. For custom skins and more instructions on how to use Videos.js please visit official website.



Default video setup





<video id="default_video" class="video-js vjs-default-skin yjh5v_center" controls width="640" height="264"poster="http://video-js.zencoder.com/oceans-clip.jpg" preload="auto" data-setup="{}">
	<source type="video/mp4" src="http://video-js.zencoder.com/oceans-clip.mp4">
</video>

Vimeo video setup



<video id="html5vimeo" class="video-js vjs-default-skin video-small yjh5v_center" controls width="640" height="360" data-setup='{"techOrder":["html5", "vimeo"]}'>
	<source src="https://vimeo.com/50700106" type='video/vimeo'>
</video>

Youtube video setup



<video id="html5youtube" class="video-js vjs-default-skin video-small yjh5v_center" controls width="640" height="360" data-setup='{"techOrder":["html5", "youtube"]}'>
	<source src="http://www.youtube.com/watch?v=9QscURRuF0g" type='video/youtube'>
</video>
Read 3961 times Last modified on Monday, 03 December 2012 03:22
Rate this item
(0 votes)

Aliquam erat volutpat. Proin euismod laoreet feugiat. In pharetra nulla ut ipsum sodales non tempus quam condimentum. Duis consequat sollicitudin sapien, sit amet ultricies est elementum ac. Aliquam erat volutpat. Phasellus in mollis augue.

Website: www.youjoomla.com

Get Your Newsletter