0

わかりました、Chrome で完璧に動作するものがありますが、Safari では少し奇妙です。

最初のビデオは希望どおりに正常に再生されますが、ページの少し下に別の埋め込みビデオがあり、「自動再生」とビデオファイルを除いて、それぞれにまったく同じコードを使用していますが、もちろん、2 番目のものは本当に大きく、高さの 2 倍のようです..

毎回 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>

そして2つ目

<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を使用している可能性があると考えたため、2つの別々のものを使用しましたが、何もしませんでした.IDのcssは次のとおりです

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

何が起こっているのかわからない！

4

1 に答える 1

0

Safariにあるという部分を見逃しました。しかし、私はあなたのための解決策を持っています. そのため、問題を引き起こしているのは min-height のようです。あなたができることは、このCSSを追加することです:

#my_video_2{
    min-height:inherit;
}

2 番目のビデオで問題が発生したようですが、最初のビデオが正しく表示されるために必要です。

それが機能するかどうかを確認してください。

于 2013-04-11T19:41:54.260 に答える