html - 页面加载时我的视频标题无法播放

Question

我的标题中有一个视频，但是，它只会在您单击菜单中的主页链接转到/index.html 后播放。它不会在页面首次加载时播放。我还测试了在 url 末尾手动输入/index.html 是否有效，但事实并非如此。我用来播放视频的代码是:

<video autoplay loop>
    <source type="video/mp4" src="images/untitled.mp4" />
    <source type="video/webm" src="images/untitled.webm" />
</video>

我的网站是http://richardgao.5gbfree.com (可以查源码)

如何让视频在我第一次加载页面时自动播放？

谢谢

Answer 1

你用 chrome 测试过吗？对于 chrome，你需要关闭声音:

<video autoplay muted loop> ... </video>

至少在某些版本的 Safari 中自动播放根本不起作用。你可以使用 jquery 开始你的视频，比如:

<video id="video" ...> ... </video>

$(document).ready() {
    $('#video').play();
}