如何禁用 iOS HTML5 视频控件? [关闭]

Posted

技术标签:

【中文标题】如何禁用 iOS HTML5 视频控件? [关闭]【英文标题】:How to disable iOS HTML5 video controls? [closed] 【发布时间】:2020-09-30 14:17:48 【问题描述】:

我有一个播放背景视频的网站。在桌面和 android 中,当我点击视频时没有任何反应,但是当我在 iO 上时,它会全屏显示,来到屏幕前面并显示视频控件。有没有办法避免这种情况?我已经尝试过使用 z-index 更大且宽度/高度 = 100% 的不可见 div,但没有成功。

【问题讨论】:

请输入您的代码。 【参考方案1】:

这可能有效,但我不确定。另外,你用的是什么ios版本?因为 IOS12 处理视频的方式与其他版本不同。代码:<video src='xxxx' muted className='landing__empty-video' loop playsInline autoPlay=false controls=false preload='auto' type='video/mp4' />

【讨论】:

playsInline 成功了,非常感谢

以上是关于如何禁用 iOS HTML5 视频控件? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

如何禁用全屏 HTML5 视频的默认控件?

用JS关闭html5视频控件

HTML5 禁用默认控件

如何使用 HTML5 视频标签禁用搜索?

HTML5 退出视频全屏

HTML5视频,如何检测没有音轨?