我正在为我的页面使用视频标签,我试图从控件中排除全屏。
我看到“控件”通常只是一个真/假陈述,但我正在寻找一种方法来禁用视频的全屏选项。
我可以将控件设置为 false 并使用自动播放视频 - 然后我没有控件 - 视频只会播放.. - 但我认为这是一个过于激进的“解决方案”。
那么可以做什么样的解决方案来实现我正在寻找的东西?
最佳答案
对于包含影子 DOM 的浏览器(例如最新版本的 Chrome),您仍然可以使用默认控件,但隐藏全屏按钮。
请务必在您的 CSS 中包含以下内容:
video::-webkit-media-controls-fullscreen-button
{
display: none !important;
}
随着像这样的影子 DOM 操作变得越来越普遍,希望会有更多的浏览器支持它。在那之前,只要您的 src
指向带有 video
标签的 html 文件,就坚持制作自定义控件或将视频放在 iframe
中在其中,并为 iframe
指定 allowfullscreen="false"
。
关于HTML5 视频 - 仅禁用全屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16716257/