我对以下代码有疑问
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video</title>
<script type="text/javascript">
function iniciar() {
video=document.getElementById('video');
video.addEventListener('ended',reproducir,false);
}
function reproducir() {
video.setAttribute('src', 'musica2.mp4')
}
window.addEventListener('load',iniciar,false);
</script>
</head>
<body>
<section>
<video controls autoplay muted id="video" width="720" height="400"
c src="musica.mp4">
</video>
</section>
</body>
</html>
如果我从“视频”标签中删除了静音属性,则在加载页面时它不再播放(自动播放属性不起作用)。为什么会这样,如何在页面加载时播放视频?
谷歌认为,当进入网页时,视频会自动播放,这很烦人。所以 Chrome对此非常严格。网页自动翻译:
您可以尝试在页面加载时使用 Javascript 自动播放它。
它会是这样的:
HTML:
JavaScript:
干杯!
嗯...我不是这方面的专家,但运行自动播放的代码中唯一缺少的是在“src”属性中包含一个完整的 url。不完整不会加载视频,没有加载就没有播放。
个人注意:我通过以下方式使用自动播放属性:autoplay="autoplay",我建议始终在“src”属性中包含完整的 url,无论视频是否在同一个根文件夹中。