Safari中的视频背景HTML5

Question

我正在帮助一个网站，我们希望在网站登陆时拥有视频背景。

它在Google Chrome上运行得很好，但它在Safari上无法正常工作。

这里是网站（请与Chrome和Safari比较吧）：http://tinyurl.com/nbe8rzy

HTML对于视频：

<video autoplay loop poster="polina.jpg" id="bgvid"> 
    <source src="<?php bloginfo('template_url'); ?>/assets/img/video1.mp4" type="video/mp4"> 
</video> 

CSS视频：

video#bgvid { 
position: fixed; right: 0; bottom: 0; 
min-width: 100%; min-height: 100%; 
background-size: cover; 
z-index: 1; } 

我使用的是固定的在视频上使用z-index 1的位置，在其余div上使用较高的z-index的相对定位，然后是1（因此视频保留在背景中）。在Safari

问题：

1. 视频streching延迟
2. 其他申报单并不显示

问题：

1. 我怎样才能解决这个问题？ （代码/链接/帮助非常感谢！）
2. 是否有可能使用移动视频背景/ ipad？还是应该回退到图像？

Answer 1

更新您的视频背景div来

#yourvideobackground { 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
    z-index: -1000; 
    overflow: hidden; 
} 

要解决，而且对大多数浏览器包括Safari的视频作品，你将不得不给它一个绝对位置，并设置它的Z -index低于它上面的所有其他元素。

您不能使用background-size属性，也不能使用视频。

如果你想要在另一个div的内部，确保父div有一个相对位置设置。

如果你不想走那条路线，你可以使用一个漂亮的插件，我已经取得了成功。

https://github.com/Victa/HTML5-Background-Video

祝你好运！