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>