我正在将视频实现到prettyPhoto（）框中。
这在Chrome和Firefox上运行非常出色，但是在Safari上使用时，视频的最小宽度为700px。这会使视频在prettyPhoto容器中溢出。
有问题的元素是HTML5视频框架：
<video controls="" autoplay="" src="https://development.materialshub.com/wp-content/themes/bolt/assets/video/web-explainer.mp4" type="video/mp4" class="media-document mac video"></video>
CSS看起来像这样：
:host(.media-document.video.mac) {
min-width: 700px !important;
}
如果我从视频中删除'mac'类，它将破坏所使用的css选择器-这将阻止应用最小宽度并修复布局。但是，我可能没有意识到这可能会带来进一步的影响-我在Mac上，因此Mac可能需要在其他地方使用此类？
我认为一种快速的解决方案就是将CSS覆盖设置为最小或不设置最小宽度。
CSS选择器：host（.media-document.video.mac）{被视为无效设置，因此无法使用它。我还尝试了.pp_content_container .pp_content .pp_full_res视频{...
希望有人会知道如何在prettyPhoto.js文件中取消此设置，因此它永远不会考虑最小宽度：700作为一个值，这将是最佳答案。
谢谢杰森。