HTML5的RTMP閃回回退

我試圖在瀏覽器不支持它的情況下爲html5視頻創建閃回回退。我可以在Chrome上獲得它，但是Chrome顯示「沒有支持格式的視頻」。HTML5的RTMP閃回回退

我正在創建一個swf對象並使用Modernizr測試添加視頻。我有mp4和webm格式的視頻。由於firefox需要一個ogv格式，它應該渲染閃回後備，但它不這樣做。

<div id="flash" width="230px" height="230px" style="display:inline-block"> 
    <video width="230px" height="230px" id="player2" controls="controls"> 
    <source src="'+path_webm+'" type="video/webm"> 
    <source src="'+path_mp4+'" type="video/mp4"> 
    <track kind="subtitles" src="../media/mediaelement.srt" srclang="en" /> 
     <p>Your browser leaves much to be desired.</p> 
    </video> 
</div> 

var $vobj = $(mediaVideo); 
$vobj.appendTo("#tab1"); 
if(!Modernizr.video.ogg) { 
    so.write("flash"); 
} 
});

這裏是一個swf對象。

在此先感謝！

來源

2012-07-11 hkasera

請自行下次格式化代碼！

您可以使用html5後備。我剛剛在幾天前回答了類似的問題。請點擊此處查看：HTML5 Video tag with fallback

來源

2012-07-11 17:44:48 longilong

該公司在The Chromium博客發佈的一篇文章中表示，它將取消對HTML5 H.264視頻編解碼器的支持，以支持WebM（VP8）和Theora視頻編解碼器。

來源

2012-07-20 02:42:29 BHall

下面是一個簡單的代碼，允許HTML 5視頻退卻到閃

<video id="movie" width="320" height="240" preload controls> 
    <source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' /> 
    <source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' /> 
    <source src="pr6.mp4" /> 
    <object width="320" height="240" type="application/x-shockwave-flash" 
    data="flowplayer-3.2.1.swf"> 
    <param name="movie" value="flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/pr6.mp4", "autoPlay":false, "autoBuffering":true}}' /> 
    </object> 
</video>

就在所有的源標籤的末尾添加flash視頻嵌入代碼。

來源

2012-07-23 20:01:10

HTML5的RTMP閃回回退

回答

相關問題