Question

我的网站在主页部分使用背景视频，并使用jQuery.mb.YTPlayer将html分层。移动设备不会自动播放链接（根据我的学习，它永远不会播放）。由于该网站的其他部分html位于视频顶部，因此也无法按下播放按钮。

我希望该网站可以切换到替代方案。（静止图像或更简单的图像序列）。地址为http://kumquat.nl

感谢。

Answer 1

在网站中使用框架（在你的情况下为jQuery插件）用于背景视频是好的，但是我们仅限于某些功能，由框架的作者提供，并且必须对代码的任何添加进行测试，因此它不会给出任何不需要的结果

我希望您从以下网站获取了jQuery.mb.YTPlayer插件点击here！

经过一些研究后，我得到了这个Github代码可以回答你的问题点击here！

不满意！

然后你可以尝试这个，而不是使用jQuery插件您可以使用 HTML5视频标记

  <video autoplay loop poster="image url" id="bgvid">

       <source src="video url" type="video/mp4"> 

       <source src="video url" type='video/ogg; codecs="theora, vorbis"'>
  </video>

然后使用 bgvid

定位它

    <style type="text/css">

video#bgvid
 {

 position: fixed; right: 0; bottom: 0;
 min-width: 100%; min-height: 100%;
 width: auto; height: auto; z-index: -100;
 background: url(image url) no-repeat;
 background-size: cover;

 }

图片网址中提供的图片会一直显示，直到视频加载到桌面和移动设备上，它会显示图片而不是视频。

更多信息请点击here！

要查看示例，请点击here！

切换网站背景视频到图像

1 个答案: