javascript - 如何从主页面的启动画面播放视频？

Question

我有两个 html 文件，一个是 Splash screen，另一个是 main。

启动画面有一个 Go! 按钮，因此点击会将用户重定向到主页面。

单击 Go! 按钮后，如何在主程序中播放视频？出于某种原因，我不能在主程序中使用自动播放。

这是启动画面代码:

function myFunction() {
    window.open("themes/default/main.html");
}

body {
  text-align: center;
}

<div class="popup" onclick="myFunction()" >
    <button>Go!</button>
</div>

main.html 的简单代码:

<video muted loop id="myVideo">
  <source src="xmb.mp4" type="video/mp4">
</video>

Answer 1

尝试在视频标签中添加“控制自动播放”字样，如下所示。

<video muted loop id="myVideo" controls autoplay>
    <source src="xmb.mp4" type="video/mp4">
</video>