使用HTML5视频禁用自动播放和显示控件
我有一个HTML5视频可以工作，但我有的问题是，每当我去浏览器中的视频-它立即开始播放。如何禁用自动播放功能？我使用属性autoplay=“false”进行了尝试，但没有结果。
并且控件总是隐藏的，我必须右键单击并单击“显示控件”以使控件弹出。我还尝试使用:showcontrols=“true”启用此功能，但也没有任何反应。
感谢所有的帮助。下面是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hls.js</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.hlsjs {
position: relative;
width: 70%;
}
.ratio {
position: absolute;
padding-top: 75%;
}
video {
background-color: #ccc;
width: 100%;
}
</style>
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<script>
window.onload = function() {
if (Hls.isSupported()) {
var video1 = document.getElementById("video1");
hls1 = new Hls({
debug : true
}), hls1.on(Hls.Events.MEDIA_ATTACHED, function() {
hls1.loadSource("http://fdfasd.com/fdsa.m3u8");
});
hls1.attachMedia(video1);
}
};
</script>
</head>
<body>
<h1>hls.js</h1>
<h2>First instance</h2>
<div class="hlsjs">
<video id="video1" autoplay="false" showcontrols="true"></video>
<div class="ratio"></div>
</div>
</body>
</html>
共有2个答案
你必须把它完全移除。tag属性不采用布尔值，它本身是一个开关。这将删除自动播放，但仍显示控件
null
<video
id="video1"
controls
src="http://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4">
</video>
如果指定autoplay属性，视频将自动播放，即使它是false。可以在这里看到：
null
<video src="http://vjs.zencdn.net/v/oceans.mp4" autoplay="false"></video>-
问题内容： 我正在使用Flask提供.m3u8和.ts文件来模拟vod流。 视频播放器不会流式传输文件并显示错误（请参见下面的屏幕截图）。我找不到它是什么错误的日志。 我缺少某处的日志消息吗？是什么原因造成的，我该如何解决？ 问题答案： 默认情况下，开发服务器以单线程模式运行，这意味着它一次只能处理一个请求。你一次请求两个文件流，.m3u8和.ts。你可以传递或以允许一次处理多个请求，但是，用它自
-
问题内容： 我正在尝试获取音频文件以在iPad上的Safari中自动播放。如果我在Mac上使用Safari浏览该页面，就可以了。在iPad上，自动播放不起作用。 问题答案： 更新： 这是一个hack，并且在IOS 4.X及更高版本上不再起作用。此版本适用于IOS3.2.X。 这不是真的。Apple不想在iPad上自动播放视频和音频，因为您可以在移动网络上使用大量流量。我不会将自动播放用于在线内容。
-
问题内容： 我通过asp.net开发了一个移动页来播放mp4视频。 我知道iOS已禁用自动播放功能以最大程度地减少用户带宽，所以我如何在Android上自动播放HTML5 mp4视频？ 我已经在HTML5代码中放置了自动播放功能，但是它不起作用。 以下是我的代码： 此外，我已经解决了用户单击图像叠加层可以播放视频的问题。感谢Karthi 这是代码： 谢谢 问题答案： 您可以将’muted’和’au
-
问题内容： 该标签属性的作品在Safari罚款。 在iPad上进行测试时，必须手动激活视频。 我认为这是一个加载问题，所以我循环检查了媒体的状态： 该状态仍在iPad上。在我的桌面野生动物园中，它会通过，最后。在iPad上，只有在我手动点击“播放”箭头时才能到达。 此外，通过点击呼叫也可以。 苹果在自动播放方面是否有任何限制？（顺便说一下，我正在运行iOS 5+）。 问题答案： iOS 10更新
-
我试图从谷歌驱动器流200MB视频文件。我已经尝试嵌入一个24MB的文件，共享给每个人，这工作： 当我在浏览器中正常导航到这个网址时，会显示一个我必须接受的安全请求。我相信这就是问题所在，因为它阻止了下载。也许我在URL中丢失了一些参数？我如何流较大的文件没有谷歌驱动器阻止请求？
-
我正在尝试播放以下网站的视频（使用JUnit）-Day01。http://www.itelearn.com/live-training/security-testing-live-training我试图实现的是，在播放视频后，我将拍摄一张屏幕截图，以证明视频播放正确。点击Day01视频后，它会在一个新窗口中打开——当我查看代码时，我意识到他们使用了iFrame。我可以关闭此视频窗口，但无法播放/暂