即使将HTML5视频播放器设置为in 标签,但HTML5视频播放器仅在iOS中 显示控件,但所有其他浏览器都可以正常运行,并且不显示控件。12.x.xfalsevideo
场景是,每当页面加载时,我们都会在横幅上自动播放视频,但是如果打开了节电功能,则它将不会自动播放视频,并显示带有初始缩略图的播放按钮(仅在iOS 12.xx中),而在其他浏览器中,则显示视频的初始缩略图,没有任何播放按钮。
我的代码如下所示:
<video id="header-video" autoplay="true" controls="false" playsinline="true" muted="true" loop="true">
// sources here
</video>
Run Code Online (Sandbox Code Playgroud)
我正在寻找隐藏此播放图标的解决方案(如上图所示),但是如果不可能,那么有什么解决方案可以使我知道省电模式已打开并隐藏视频(因为我有一个背景向后兼容)。