0

好的，我有一些与 Chrome 完美配合的东西，但在 Safari 中它有点奇怪。

第一个视频播放得很好，完全符合我的要求，但在页面下方我有另一个嵌入视频，即使我对每个视频都使用完全相同的代码，除了“自动播放”和视频文件当然，第二个真的很大，好像是两倍高。。

这就像它每次都增加了100％。

这是第一个的 html

<video autoplay id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" poster="../images/posters/1969.png"
data-setup="{}"> 
<source src="../videos/1969.mp4" type='video/mp4'>
<source src="../videos/1969.webm" type='video/webm'>
</video>

第二个

<video id="anothervideo" class="video-js vjs-default-skin" controls
preload="auto" poster="../images/posters/1969.png"
data-setup="{}"> 
<source src="../videos/video-2.mp4" type='video/mp4'>
<source src="../videos/video-2.webm" type='video/webm'>
</video>

认为它可能对导致问题的两者都使用相同的 id，所以使用了两个单独的，但没有做任何事情，这是 ids 的 css

min-height: 100%; min-width: 100%; height: auto !important; width: auto !important;

不知道发生了什么！

4

1 回答 1

0

我错过了关于它在 Safari 中的那部分。但我确实有一个解决方案给你。因此，它似乎确实是导致问题的最小高度。你可以做的是添加这个CSS：

#my_video_2{
    min-height:inherit;
}

似乎在第二个视频上出现了问题，但第一个视频需要正确显示。

看看这是否有效。

于 2013-04-11T19:41:54.260 回答