在HTML5的video标签中，取消自动播放可以使用以下几种方法：
-
移除
autoplay属性: 最简单的方法是确保video标签中没有autoplay属性。如果该属性存在，即使没有值，也会触发自动播放。 所以，直接删除这个属性即可。 -
显式地将
autoplay属性设置为false: 虽然移除autoplay属性通常就足够了，但为了代码更清晰，也可以显式地将其设置为false：<video autoplay="false"> ... </video>虽然这种方法不如直接移除属性简洁，但在某些情况下，例如动态添加或移除autoplay属性时，会更方便。 -
使用JavaScript控制: 你可以使用JavaScript来控制视频的播放。在页面加载完成后，可以通过检查
autoplay属性并将其设置为false来阻止自动播放：
document.addEventListener('DOMContentLoaded', function() {
const videos = document.querySelectorAll('video');
videos.forEach(video => {
video.autoplay = false;
});
});
这段代码会在DOM加载完成后获取所有video元素，并将它们的autoplay属性设置为false。 这种方法更灵活，可以根据需要动态控制自动播放。
示例：
<!DOCTYPE html>
<html>
<head>
<title>Video Example</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<script>
document.addEventListener('DOMContentLoaded', function() {
const videos = document.querySelectorAll('video');
videos.forEach(video => {
video.autoplay = false;
});
});
</script>
</body>
</html>
这个例子中，即使video标签包含controls属性 (显示播放控件)，视频也不会自动播放，因为JavaScript代码禁用了自动播放功能。
选择哪种方法取决于你的具体需求。如果只是简单地阻止自动播放，移除autoplay属性就足够了。如果需要更动态的控制，则应使用JavaScript。