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

【问题标题】：When clicked play button automatically play the video in fullscreen mode单击播放按钮时会自动以全屏模式播放视频
【发布时间】：2021-10-18 05:52:52
【问题描述】：

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

【问题讨论】：

标签： html html5-video

【解决方案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();
})

&lt;video id="videoplayer" src="https://www.w3schools.com/tags/movie.mp4" controls&gt;&lt;/video&gt;

请注意，它在这个 sn-p 环境中不起作用。

【讨论】：

能否给我写信，如何将事件监听器添加到每个类名为“videoplayer”的元素中？谢谢