javascript - 在 Iphone 上隐藏一些控件视频标签

Question

我的网站上的视频有问题；我需要隐藏视频时间线并显示音频图标。我用了这段代码

video#mobile::-webkit-media-controls-timeline, video#mobile::-webkit-media-controls-volume-slider, video#mobile::-webkit-media-controls-current-time-display, video#mobile::-webkit-media-controls-play-button, video#mobile::-webkit-media-controls-current-time-display {
    display: none !important;
    -webkit-appearance: none !important;
}

<video id="mobile" width="100%" height="100%" disablepictureinpicture controlslist="nodownload" controls controlslist="nofullscreen nodownload noremoteplayback foobar" autoplay="" muted="" loop="" playsinline=""> <source src="/wp-content/uploads/2020/07/VIDEO-MEEDYA-MUSICA-1.mp4" type="video/mp4"></video>

但在 IO 设备上的结果如下

但我想要这个：

谢谢你们

标签： javascripthtmljquerycss