HTML5新標(biāo)簽-Video

HTML5的video新標(biāo)簽使用起來非常簡單，功能也著實強(qiáng)大，簡單的幾行代碼就可以實現(xiàn)視頻播放功能。尤其在蘋果公司拒絕在IOS設(shè)備上支持Flash的時候，HTML5的公開支持度得到了極大的提升

東蘭網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護(hù)。創(chuàng)新互聯(lián)從2013年創(chuàng)立到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML5新標(biāo)簽-Video</title>
</head>
<body>

    <video id="player" width="600" height="400" controls preload="auto">
        <source src="video/birds.mp4" type="video/mp4">
        <source src="video/birds.ogg" type="video/ogg"> 
        
        您的瀏覽器版本太低了，不支持video播放，請升級到最新版本！
    </video>

</body>
</html>

測試了一下，在（Firefox 3.5+、Chrome 4+、 Safari 4、 Opera 10.5+、Internet Explorer 9+、 iOS 3.2+、Opera Mobile 11+、Android 2.3+）都沒問題

目前絕大多數(shù)現(xiàn)代瀏覽器都支持MP4格式，在《響應(yīng)式Web設(shè)計》書中提到“一些瀏覽器支持某一套視頻和音頻文件格式，而另一些瀏覽器則支持其他格式。例如Safari 只允許在<video>和<audio>元素中使用MP4/H.264/AAC 媒體文件，而Firefox 和Opera 則只支持Ogg 和WebM”。至少我在做demo的時候發(fā)現(xiàn)Firefox和Opera是支持MP4的，可能是版本較新的原因，但還是把OGG格式也添加進(jìn)去了

HTML5新標(biāo)簽-Video

如我們所知，IE8及以下瀏覽器都不支持HTML5視頻和音頻，為了兼容老IE，我們可以提供一個優(yōu)雅的備用方案，追加一個Flash

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HTML5新標(biāo)簽-Video</title>
</head>
<body>

    <video id="player" width="600" height="400" controls preload="auto">
        <source src="video/birds.mp4" type="video/mp4">
        <source src="video/birds.ogg" type="video/ogg">
        <object width="600" height="400" type="application/x-shockwave-flash" data="video/birds.swf">
            <param name="movie" value="video/birds.swf">
            <param name="flashvars" value="controlbar=over&amp; p_w_picpath=; file=video/birds.mp4">

        您的瀏覽器版本太低了，不支持video播放，請升級到最新版本！
    </video>

</body>
</html>

在IE8及更低版本瀏覽器中，一樣可以播放視頻，只不過效果就沒有那么好了

HTML5新標(biāo)簽-Video

這里還有一個視頻格式轉(zhuǎn)換的網(wǎng)站，功能強(qiáng)大，無需下載APP，界面也非常的干凈、清爽  http://www.apowersoft.com/free-online-video-converter

HTML5新標(biāo)簽-Video

新聞名稱：HTML5新標(biāo)簽-Video
網(wǎng)頁鏈接：http://bm7419.com/article16/gossdg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、定制網(wǎng)站、域名注冊、網(wǎng)站策劃、品牌網(wǎng)站設(shè)計、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運營