视频标签一次播放两个视频

时间:2016-08-02 06:57:13

标签: javascript jquery html css

我添加了两个带有引导程序的视频标签,例如下面的代码,这样我就可以在手机上使用控件发送视频。

但它在移动浏览器上播放双视频是完美的。添加显示无需使用媒体查询

<video id="mobileVideo" class="hidden-xs hidden-sm videoOne" poster="http://crudism.co/wp-content/uploads/2016/07/IMG_3570.jpg" autoplay="autoplay" controls="controls" loop>
    <source class="hidden-md hidden-lg" src="iphone.webm" type="video/webm">
    <source class="hidden-md hidden-lg" src="iphone.mp4" type="video/mp4">
    <source class="hidden-md hidden-lg" src="iphone.ogv" type="video/ogg">
</video>

对于移动使用:

<video id="mobileVideo" class="hidden-md hidden-lg videoOne" poster="http://crudism.co/wp-content/uploads/2016/07/IMG_3570.jpg" autoplay="autoplay" controls="controls" loop>
    <source class="hidden-md hidden-lg" src="iphone.webm" type="video/webm">
    <source class="hidden-md hidden-lg" src="iphone.mp4" type="video/mp4">
    <source class="hidden-md hidden-lg" src="iphone.ogv" type="video/ogg">
</video>

0 个答案:

没有答案