Html 是否有一种方法可以使用<；嵌入>；标签，允许全屏显示吗？

当我只使用

时，它只在网页上起作用。全屏按钮只是变灰了，我无法单击它。我试过搜索这个，但什么也找不到。请帮忙

您不必使用

标记。请尝试使用

标记以及此代码段。您也可以使用

，将

allowfullscreen

属性设置为“true”，但我不在本例中使用它。请注意，尝试在堆栈溢出上运行此代码段不起作用，因为必须有某些功能阻止它，但它在我制作的JSFIDLE中确实起作用：。另一个重要的注意事项是，全屏API并不适用于所有浏览器，尤其是移动浏览器，因为这是他们正在研究的新事物。最后一个重要注意事项是，我提供的“全屏”按钮仅在视频控件上的切换按钮未弹出时用于备份；在制作JSFIDLE时，除了我的按钮之外，还有切换按钮，但有时它在默认情况下不会弹出，就像我前面所说的那样。CSS选择器仅为Chrome设计

HTML:

<div id="wrapper">
  <section>
    <video id="video" width="490" height="276" controls>
    <source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4">
    <p>
      Your browser doesn't support HTML5 video.
    </p>
  </video>
  </section>
  <button id="video-button">Fullscreen Video</button>
</div>

var requestFullscreen = function (element) {
    if (element.requestFullscreen) {
        element.requestFullscreen();
    } else if (element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.msRequestFullscreen) {
        element.msRequestFullscreen();
    } else {
        console.log('Fullscreen API is not supported.');
    }
};

var fullscreenVideo = document.getElementById('video-button');
var video = document.getElementById('video');

fullscreenVideo.addEventListener('click', function(e) {
    e.preventDefault();
    requestFullscreen(video);
});

video::-webkit-media-controls-fullscreen-button { visibility: visible; } 

CSS:

<div id="wrapper">
  <section>
    <video id="video" width="490" height="276" controls>
    <source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4">
    <p>
      Your browser doesn't support HTML5 video.
    </p>
  </video>
  </section>
  <button id="video-button">Fullscreen Video</button>
</div>

var requestFullscreen = function (element) {
    if (element.requestFullscreen) {
        element.requestFullscreen();
    } else if (element.webkitRequestFullscreen) {
        element.webkitRequestFullscreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.msRequestFullscreen) {
        element.msRequestFullscreen();
    } else {
        console.log('Fullscreen API is not supported.');
    }
};

var fullscreenVideo = document.getElementById('video-button');
var video = document.getElementById('video');

fullscreenVideo.addEventListener('click', function(e) {
    e.preventDefault();
    requestFullscreen(video);
});

video::-webkit-media-controls-fullscreen-button { visibility: visible; } 

---

你为什么用这个标签而不是视频标签？