HTML5 Videos

HTML5 Videos

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> 
Sin comentarios

Lo sentimos, el formulario para comentar está cerrado de momento.