Question

好的，我正在创建一个以视频为背景的网站。这是代码：

<video id="video1" autoplay loop preload poster="" muted>
    <source src="video/video2.mp4" type="video/mp4"/>
    <source src="video/video2.webm" type="video/webm"/>
</video>

这是css：

video#video1 
{ 
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -100;
    width: auto;
    height: auto;
    background-size: cover; 
}

Chrome，Opera，Internet Explorer和Firefox运行良好，唯一一个给我带来问题的是Safari。有什么想法吗？

野生动物园版本为5.1.7（7534.572）

Answer 1

http://www.w3schools.com/tags/tag_video.asp

你可以看到并在这里safari不支持视频类型webm ...只有mp4

Answer 2

您需要为Windows Safari安装QuickTime以支持.mp4。

HTML5- Safari不播放或识别<video>

2 个答案: