添加按钮以播放或暂停视频。然后,我们将视频的样式设置为高度和宽度的百分之一百,以便覆盖整个背景。
以下是将视频设置为HTML5网站背景的代码片段。
<video autoplay muted loop id = "myVideo"> <source src = "demo.mp4" type = "video/mp4"> Your browser does not support HTML5 video. </video>
以下是暂停视频-
function display() { if (video.paused) { video.play(); btn.innerHTML = "暂停视频!"; } else { video.pause(); btn.innerHTML = "Play"; } }