html5視頻和音頻

1、html4.01 版本插入視頻
借助flash插件播放視頻。先把要插入的視頻上傳到視頻網(wǎng)站上,然后復(fù)制html代碼。
例:

<embed src='http://player.youku.com/player.php/sid/XMjc1NTg4MjEyOA==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>

問題是,你能確定我們親耐的用戶瀏覽器都加載了flash插件嗎?那些眼花繚亂的廣告,用戶會(huì)喜歡嗎?
當(dāng)然啦,廣告嘛,人民幣就可以解決啦!

2 html5插入視頻
html5插入視頻只需要使用video標(biāo)簽。不需要加載flash。前提是該視頻上傳到了公司的服務(wù)器上。
src:視頻路徑
controls:控制條
autoplay:自動(dòng)播放
loop:循環(huán)播放
格式:ogv和mp4
例:

<video src="video/2.mp4" controls autoplay loop width=“200”></video>

source標(biāo)簽:可以引入視頻資源。
例:

<video controls autoplay>
        <source src="video/1.mp4">
</video>

3 html5插入音頻
HTML4.01要插入音頻,同樣的,要借助酷狗、qq音樂、酷我音樂盒等,它們都能提供免費(fèi)的頁面插入音樂功能。本質(zhì)上也是借助Flash。
html5:
src:音頻路徑
controls:控制條
autoplay:自動(dòng)播放
loop:循環(huán)播放
支持:ogg ,mp3
例:

<audio src="audio/a0m.ogg" controls autoplay loop></audio>
<audio autoplay>
        <source src="audio/a0m.ogg">
</audio

別忘了,IE不支持video和audio哦!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • html5已經(jīng)為我們提供了音頻和視頻的控制讓我們不必在依賴于Flash。本次我將為大家講解html5的音頻和視頻操...
    便U_Life閱讀 2,733評(píng)論 1 11
  • 接上 關(guān)于HTML/HTML5(一)http://www.itdecent.cn/p/33fc7840c079 學(xué)...
    Amyyy_閱讀 897評(píng)論 0 4
  • 首先,我們要理解兩個(gè)概念:容器(container)和編解碼器(codec)。1.視頻容器音頻文件或視頻文件,都只...
    IT小C閱讀 1,406評(píng)論 2 5
  • 一.音頻和視頻概述 首先,我們要理解兩個(gè)概念:容器(container)和編解碼器(codec)。 1.視頻容器 ...
    阿甘筆記閱讀 848評(píng)論 0 7
  • 1、HTML5:HTML4.1網(wǎng)頁開發(fā):結(jié)構(gòu): html4.0樣式:css css2行為:jsHTML5:是HTM...
    Yuann閱讀 948評(píng)論 0 2

友情鏈接更多精彩內(nèi)容