我在我的页面上使用了video标签，并尝试从控件中排除全屏选项。我发现“控件”通常只是一个true/false语句，但我正在寻找一种方法来禁用视频的全屏选项。我可以使用controls false并自动播放视频 - 然后我就没有控件了 - 视频将仅播放.. 但我认为这是一个过于激烈的“解决方案”。那么有什么解决方案可以实现我想要的效果呢？
2个回答
15
对于内置影子 DOM 的浏览器（例如 Chrome 的最新版本），您仍然可以使用默认控件，但隐藏全屏按钮。
只需确保在您的 CSS 中包含以下内容：
video::-webkit-media-controls-fullscreen-button
{
display: none !important;
}
随着类似这样的影子DOM操作变得越来越普遍，希望更多的浏览器能够支持它。在那之前，只需使用自定义控件或将视频放在iframe中，只要您的src指向包含video标签的HTML文件，并为iframe指定allowfullscreen="false"即可。
- S. Moulton
1
controls是一个二进制状态，你要么拥有浏览器提供的内容，要么什么都没有。
如果你不想让浏览器提供全屏控件但仍然需要UI界面，那么你需要关闭controls并使用JavaScript实现自己的UI。
- Quentin
2
好的，但我似乎找不到控制视频所需的调用。我在哪里可以找到这些信息？ - Niels
1“调用”？你需要很多。至少要寻找、播放和暂停。媒体元素定义涵盖了大部分内容：http://www.w3.org/TR/html5/embedded-content-0.html#htmlmediaelement - Quentin
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接