我需要在 HTML5 中隐藏视频标签的全屏按钮。 有什么方法可以实现吗？
谢谢。
【问题讨论】：
<video> 标记仅支持切换控件，无法控制具有controls 属性的任何属性。最接近禁用全屏的方法是禁用 controls 并制作自己的控制面板。
标签： html fullscreen html5-video
我认为您可以通过更改 #document fragments 的 css 来实现这一点，这些是 DOM1 规范，所有浏览器都支持，但关于样式，我不确定。
webkit浏览器（windows上的chrome）具体解决方案下面的解决方案是webkit特定的
video::-webkit-media-controls-fullscreen-button {
display: none;
}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display{}
video::-webkit-media-controls-time-remaining-display {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button {}
video::-webkit-media-controls-volume-slider {}
警告：
webkit 以外的渲染引擎的浏览器，例如Firefox 或 Internet Explorer，或具有 Blink/Presto 的过时版本的 Opera。webkit 浏览器的实现，例如macOS 上的 Safari。更新：
在多名读者抱怨上述解决方案不适用于某些浏览器后，我正在更新答案。
-webkit- 浏览器特定的，并在 Windows 上的 Chrome 中进行了测试。about:config 页面中访问。<video> 组件Elements 下查找显示用户代理影子DOM选项Hiding the full screen button of the video tag in HTML5
另外，正如@paulitto 所建议的，DOM 方法可以在从<video> 元素中删除controls 属性后实现。更多信息请参考this tutorial。
【讨论】：
您只需在您的 css 中编写此代码：
video::-webkit-media-controls-fullscreen-button {
display: none;
}
全屏按钮会隐藏
【讨论】：
我认为如果不隐藏所有控件，您将无法做到这一点。 您可以使用它的dom methods 来实现您自己的控件并将它们设计为与内置控件完全相同
或者你也可以使用外部html5视频插件来实现这个
【讨论】：
您可以使用controlsList="nofullscreen" 属性禁用全屏按钮
支持的浏览器：Chrome、Edge、Edge Beta。它不适用于 Firefox。
属性值：
controlsList="nodownload nofullscreen noremoteplayback"
<video>标签中必须有controls属性才能获得controlsList的特征。
【讨论】：
您可以为控件编写自定义代码
例如。要更改视频时间，请使用以下代码
document.getElementsByTagName('video')[0].currentTime=10;
以下链接提供了使用 javascript 对视频进行手动控制的所有必要示例
【讨论】：