HTML5視頻問題

我已經在我的演示視頻已經越來越與HTML的一個問題：HTML5視頻問題

視頻一直癱瘓，直到其完全加載，然後開始播放。

在某些瀏覽器中可以使用，其他瀏覽器不可以。有人可以幫我解決它嗎？

HTML

<div class="videoContainer"> 
<video autoplay loop preload='auto'> 
<source src="video/Rio_Energy_Apresentacao.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
Video não suportado. 
</video> 
</div>

CSS

.videoContainer 
{ 
    position:absolute; 
    height:100%; 
    width:100%; 
    overflow: hidden; 
} 

.videoContainer video 
{ 
    min-width: 100%; 
    min-height: 100%; 
}

直播現場：http://ec2-54-71-170-71.us-west-2.compute.amazonaws.com/

來源

2017-04-11 P. Magalhaes

有哪些瀏覽器不工作？ –

視頻在我的機器上播放良好。 – Dai

這就是問題所在，有些人認爲沒有加載，其他人說沒關係。但是，在Chrome中，他們認爲這不起作用... –

對於HTML5視頻，你將要創建的視頻的三種格式：支持WebM，MP4，和OGG。大多數瀏覽器將使用MP4，但其他瀏覽器將需要其他格式之一（這可以解釋爲什麼它不適用於某些用戶）。

<video> 
    <source src="movie.webm" type="video/webm"> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
</video>

還應該指出，這些格式的順序是重要的;總是首先在列表中聲明webm格式（主要是Chrome問題）。

最後，用於格式化視頻的編解碼器可以在瀏覽器兼容性中發揮作用。我已成功使用應用程序Miro Video Converter來完成我的轉換，並且它似乎有可用的正確編解碼器。

來源

2017-04-11 17:21:45 asonnenshine

參考Media formats瞭解哪種瀏覽器支持媒體格式。
您可以指定多個源文件。參考HTML5Rocks
如果用戶的瀏覽器不支持其中的一種，source元素可讓您指定多種格式作爲後備。
例子：

<video controls> 
    <source src="devstories.webm" type='video/webm;codecs="vp8, vorbis"'/> 
    <source src="devstories.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/> 
</video>

來源

2017-04-11 17:27:39

HTML5視頻問題

回答

相關問題