2012-10-09 56 views
0

我有一個任務,上傳視頻和播放不同的瀏覽器。我曾嘗試打不同的瀏覽器 一個.mp4格式的視頻我已經嘗試實施iframe像支持視頻在不同的瀏覽器

<iframe id="frame1" runat="server" visible="false" style="height: 222px; width: 482px;"> 
       </iframe> 

,並試圖在運行時SRC其實現爲:

frame1.Visible = true; 
frame1.Attributes.Add("src", objLessionsInfo.VideoPath.ToString()); 

它工作在chrome。但不是在firefoxIE 我也試過implemeting HTML5的視頻標籤爲

<video controls="controls" tabindex="5" class="Video"> 
    <source src="Videos/2.webm" type="video/webm" > 
     <source src="Videos/2.ogv" type="video/ogv"> 
     <source src="Videos/2.mp4" type="video/mp4"> 
     Your browser does not support the <code>video</code> element. 
    </video> 

Chrome相同的作品,但不是在FirefoxIE作爲.mp4作品上chromefirefox不支持。我曾嘗試用它在Firefox中播放的.webm格式。

我對如何製作視頻支持不同瀏覽器或如何構建此任務的概念感到困惑。 是否應該檢查瀏覽器併爲該特定瀏覽器播放視頻(在這種情況下,我必須上傳不同瀏覽器中的視頻) 或者是否有任何通用插件可以在所有瀏覽器中播放視頻
需要幫助。感謝您的幫助。

+0

您在源元素中有多餘的引號,它們不是有效的HTML,並且將被忽略。 – robertc

+0

@robertc先生基本上我想知道如何在不同瀏覽器中構建視頻顯示器的邏輯。 –

+0

@robertc sir在運行時用什麼代碼來改變視頻的src? –

回答

2

嘗試使用HTML5視頻插件,像

Mediaelementjs.com 
videojs.com 

這些插件能夠自動進行瀏覽器兼容性的照顧。 「.mp4」就夠了。如果您沒有其他視頻擴展名(.ogg或.webm),插件會自動將其轉換爲FLASH對象。

+0

感謝他的工作在Firefox和Chrome,但仍然顯示在Internet Explorer中的問題。 –

+0

視頻僅在啓動後停止。 –

+0

我沒有遇到任何類似的問題。在IE瀏覽器中,我可以看到視頻的FLASH版本。 –