Safari HTML視頻顯示不正確（太小）

嘿，我正在處理HTML標記，當我在Safari中打開頁面時，視頻播放器非常小。Safari HTML視頻顯示不正確（太小）

如果我啓用了全屏，然後返回它正確聚焦。

我不確定是什麼導致它最初加載不正確。

HTML代碼：

<div id="AboutVideo"> 

    <video width="100%" height="100%" controls> 

     <source src="../Media/Video/Intro/test.mp4" type="video/mp4" /> 
     <source src="../Media/Video/Intro/test.ogv" type="video/ogg" /> 
     <source src="../Media/Video/Intro/test.webm" type="video/webm"> 

    </video> 

</div>

關於視頻：

#AboutVideo 
{ 
float: left; 
margin-right: 1em; 
}

任何幫助將是巨大的。

來源

2013-06-30 Otis Wright

請嘗試下面的代碼，這可能是因爲您從未包含視頻後備代碼。而已。

<video controls="controls" autoplay="autoplay" 
poster="#" width="212" height="160"> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4" /> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" /> 
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv" type="video/ogg" /> 
    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" 
    width="212" height="160"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="wmode" value="transparent" /> 
     <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'http%3A%2F%2Fclips.vorwaerts-gmbh.de%2Fbig_buck_bunny.mp4','autoPlay':true}]}" /> 
     <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" width="640" height="360" title="No video playback capabilities, please download the video below" /> 
    </object> 
</video>

來源

2013-09-18 10:17:35 user1878874

Safari HTML視頻顯示不正確（太小）

回答

相關問題