html5——多媒體支持（video/audio）-創(chuàng)新互聯(lián)

在html5規(guī)范之前，如果希望在網(wǎng)頁(yè)上播放視頻、音頻，通常都需要借助于第三方插件，比如FLASH，除此之外，開發(fā)者也可以自主開發(fā)多媒體播放插件，但是無(wú)論哪種方式，都需要在瀏覽器上安卓插件，HTML5新增了<audio../><video.../>兩個(gè)元素，開發(fā)者可以通過(guò)兩個(gè)元素在html頁(yè)面上播放音頻視頻。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),靈山企業(yè)網(wǎng)站建設(shè),靈山品牌網(wǎng)站建設(shè),網(wǎng)站定制,靈山網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,靈山網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

<audio src="" controls></audio>
<video src="" controls></video>

audio video支持的屬性

屬性名	說(shuō)明
src	指定播放視頻音頻的URL地址
autoplay	音頻視頻加載完成后會(huì)自動(dòng)播放
controls	顯示播放控制條
loop	重復(fù)播放
preload	預(yù)先加載
poster	播放之前，該元素將會(huì)顯示該屬性所指定的圖片
width	視頻播放器的寬度
height	視頻播放器的寬度

HTMLAudioElement 與HTMLAudioElement的屬性

屬性名	說(shuō)明
currentTime	返回播放器當(dāng)前所處的時(shí)間點(diǎn)
paused	true表示暫停
played	播放狀態(tài)
startTime	返回播放器播放音頻視頻的開始時(shí)間，通常返回0

audio、video元素所持有的事件

事件	說(shuō)明
onpause	暫停觸發(fā)該事件
onplaying	正在播放觸發(fā)該事件
onerror	加載數(shù)據(jù)出錯(cuò)是觸發(fā)該事件
onplay	開始播放時(shí)觸發(fā)該事件

<!DOCTYPE html>
<html>
<head>
    <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title> 視頻播放 </title>
</head>
<body>
<h3> 視頻播放 </h3>
<video id="mv" src="movie.webm" loop>
您的瀏覽器不支持video元素
</video><br/>
<input id="bn" type="button" value="播放"/><span id="detail"></span>秒
<script type="text/javascript">
    var bn = document.getElementById("bn");
    var mv = document.getElementById("mv");
    var detail = document.getElementById("detail");
    // 為video元素的ontimeupdate事件綁定監(jiān)聽(tīng)器
    mv.ontimeupdate = function()
    {
        detail.innerHTML = mv.currentTime + "/" 
            + mv.duration;
    };
    bn.onclick = function()
    {
        if(mv.paused)
        {
            mv.play();
            bn.value = "暫停";
        }
        else
        {
            mv.pause();
            bn.value = "播放";
        }
    }
</script>
</body>
</html>

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：html5——多媒體支持（video/audio）-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://www.rwnh.cn/article32/ceghpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、微信公眾號(hào)、做網(wǎng)站、網(wǎng)站設(shè)計(jì)

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

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

html5——多媒體支持（video/audio）-創(chuàng)新互聯(lián)