我是 HTML 的初学者，只想写一个带有小视频和文本的页面。
我想自动播放视频但有声音。由于只能在没有声音的情况下自动播放，我假设我需要 javascript。
到目前为止，这是我的代码
索引.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="generic.css">
</head>
<body>
<video autoplay="autoplay" loop="" class="myVideo" id="myVideo">
<source src="vid.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>
video {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
最佳答案
您的代码是正确的，但这是谷歌的策略
Chrome 的自动播放策略很简单:
始终允许静音自动播放。
交叉，表示用户之前播放过有声视频。这
用户已将网站添加到移动设备的主屏幕或已安装
桌面上的 PWA。
在加载视频之前尝试使用片段进行 INTREACT
video {
position: fixed;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="generic.css">
</head>
<body>
<video autoplay="autoplay" loop="" class="myVideo" id="myVideo">
<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</body>
</html>关于javascript - 自动播放有声视频，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65405988/