當前位置:編程學習大全網 - 源碼下載 - 您的瀏覽器不支持HTML5 VIDEO 為什麽?

您的瀏覽器不支持HTML5 VIDEO 為什麽?

html5的video標簽只有部分瀏覽器支持,對於IE只有9.0+以上的版本才支持,所以對於視頻播放要做兼容,下載所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf即可解決。詳細步驟:

1、首先下載所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf。

2、然後將解壓後的js文檔和swf文檔放在同壹目錄下,在head部分引入js文檔,

3、然後在要引入視頻的位置放入video標簽,通常放置在div內

4、width:為視頻播放寬度,height:為視頻播放高度,如果視頻大笑適中這裏可以不設置,播放器會自動加載視頻的原始大小。

如果視頻原始大小太大,但不清楚比例,可以只設置高度或者寬度。另外壹個設置為auto自動適應,這樣視頻不會變形。

如果想要視頻自動播放,可在video標簽中加入autoplay標簽。

5、src為視頻源文件的路徑,poster為視頻播放前顯示的圖片。為播放切換的自然,這裏可以設置成視頻播放的第壹個畫面截圖。

preload:為預加載視頻,設置為auto代表自動加載。

source標簽可以省略,但是video標簽內的src屬性不能省略,如果省略,在IE瀏覽器中會報錯。

所以最後精簡後的源碼可以如下圖所示這樣。

6、如果調試過程中,其他瀏覽器沒有問題,但是ie總是有問題的話,清空ie瀏覽器的緩存再調試。清空緩存步驟如下,先找到Internet工具

7、進入後,點擊瀏覽歷史下面的刪除按鈕。

8、清除如下內容即可,完成後,再用IE刷新頁面。

  • 上一篇:普通股資本成本的計算公式
  • 下一篇:推薦壹些經典的外國片子
  • copyright 2024編程學習大全網