标签显示边框

【问题标题】：[iOS/Safari15.5]border displayed in <video>tag[iOS/Safari15.5]<video>标签显示边框
【发布时间】：2022-08-06 13:07:29
【问题描述】：

程序员。

我为 iOS/Safari 开发了 Web 应用程序。但是，我在使用视频标签时遇到了问题。

当我使用视频标签时，视频周围会显示一个边框。而当我把这个 CSS 放上去的时候，它几乎消失了，但只有 iOS/Safari 15.5 版本没有消失。

过滤器：阴影（0px 0px rgba（0,0,0,0））；

有谁知道如何处理这个麻烦？

请提供足够的代码，以便其他人可以更好地理解或重现该问题。

标签： css ios video safari border

【解决方案1】：

感谢您的评论。

对不起。

html。

<video id="player" style="display:none;" src="XXXXXXX" autoplay mutedplaysinline poster="YYYYYY">
</video>

javascript。

var player = $('#player');
player.show();
player.addEventListener('load', function(event) {
    player.play();
});

css。

#player {
  ...
  -webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
  outline: none;
  border: none;
}

可能会在 show() - load() 之间显示边框。

【讨论】：