Jquery safari中的html5播放器控件太长

在此处查看：

出于某种原因，我在safari中的html5播放器看起来比电影的宽度要长一点。我似乎无法用

style=“width:随便什么”

控制它

您的浏览器不支持HTML5视频。

您可以根据已加载视频的宽度动态调整视频容器的宽度。您可以为此使用videoWidth属性

$('#vid1').on('loadedmetadata', function(){
    var videoW = $(this)[0].videoWidth;
    $(this).css('width', videoW);
});

编辑：

---

在您的图片中，视频css似乎使用了一个大边框。注意css

框大小调整

属性。进行测试并删除边框或使用

框大小：边框框视频元素中的样式。
我刚想出来。我的css中有这样的内容：

#vid1::-webkit-media-controls-panel {
    width: calc(100%+30px); /* Adjust as needed */
}

#vid1::-webkit-media-controls-panel {
    width: calc(100%+30px); /* Adjust as needed */
}