Youtube (etc.) in HTML5

[Chadi]

Originally Posted by BirdOPrey5

For Vimeo in the same template find:

<vb:elseif condition="$provider == 'vimeo'" />
<object class="restrain" type="application/x-shockwave-flash" width="640" height="360" data="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}">
    <param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
    <param name="wmode" value="transparent" />
    <!--[if IE 6]>
    <embed width="640" height="360" type="application/x-shockwave-flash" src="http://vimeo.com/moogaloop.swf?clip_id={vb:raw code}" />
    <![endif]--></object>

Replace with:

<vb:elseif condition="$provider == 'vimeo'" />
    <iframe src="http://player.vimeo.com/video/{vb:raw code}?title=0&amp;byline=0&amp;portrait=0" width="640" height="360" frameborder="0"></iframe>

Note while HTML5 is the future, being it's an iframe there is difference in SEO using HTML5 over flash, basically the old way is better for SEO.

This method doesn't work for me on mobile (Safari, iOS 7). Works fine (flash) in desktop view. In mobile, the video simply doesn't show up at all.