单击播放按钮时自动以全屏模式播放视频

Question

我想在点击播放按钮时以全屏模式自动播放视频。到目前为止，我必须单击两个按钮（转到全屏并播放）。是否有一些 html 属性可以加入这两个动作？

Answer 1

这个没有一个属性，但是你可以用JavaScript解决这个问题：

document.getElementById("videoplayer").addEventListener("playing", event => {
    const player = document.getElementById("videoplayer");
    if (player.requestFullscreen) 
        player.requestFullscreen();
    else if (player.webkitRequestFullscreen) 
        player.webkitRequestFullscreen();
    else if (player.msRequestFullScreen) 
      player.msRequestFullScreen();
})

<video id="videoplayer" src="https://www.w3schools.com/tags/movie.mp4" controls></video>

请注意，它在此代码段环境中不起作用。

单击播放按钮时自动以全屏模式播放视频

When clicked play button automatically play the video in fullscreen mode

html

html5-video