HTML5 视频 - 仅禁用全屏

标签 html video

我正在为我的页面使用视频标签,我试图从控件中排除全屏。

我看到“控件”通常只是一个真/假陈述,但我正在寻找一种方法来禁用视频的全屏选项。

我可以将控件设置为 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/

相关文章:

jquery - 带有圆 Angular 的 div 中的滚动条

html - 在单元格中拟合图像

php - 如何解码youtube api v3 json响应

php - 如何通过mplayer或ffmpeg将视频拍照转php?

iphone - 缩放、裁剪和剪切视频 iPhone

javascript - 当图像位于中间且有 3 列幻灯片放映时删除标签

javascript - 涟漪动画 : fromPage is undefined! 与霓虹动画 1.1.1+

java - 多个复选框选中值

html - 视频背景仅播放1个视频

HTML 视频不适用于 iPhone