html中禁止视频自动播放,禁用自动播放和使用HTML5视频显示控件

我有一个可以工作的HTML5视频，但是我遇到的问题是，无论何时我在浏览器中转到视频时，它都会立即开始播放。我如何禁用自动播放功能？我用autoplay="false"属性尝试过，但没有结果。禁用自动播放和使用HTML5视频显示控件

而且控件总是隐藏的，我必须右键单击并单击“显示控件”以使控件弹出。我也尝试启用此：showcontrols="true"，但也没有反应。

所有帮助表示赞赏。以下是我的代码

hls.js

.hlsjs {

position: relative;

width: 70%;

}

.ratio {

position: absolute;

padding-top: 75%;

}

video {

background-color: #ccc;

width: 100%;

}

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);

}

};

hls.js

First instance

+2

我很确定，如果你指定'autoplay'属性，视频将自动播放，即使它是假的。在这里可以看到https://jsfiddle.net/whjLf2b6/ - 我认为'showcontrols'属性实际上应该是'controls'。 –