在html5規(guī)范之前，如果希望在網(wǎng)頁(yè)上播放視頻、音頻，通常都需要借助于第三方插件，比如FLASH，除此之外，開發(fā)者也可以自主開發(fā)多媒體播放插件，但是無(wú)論哪種方式，都需要在瀏覽器上安卓插件，HTML5新增了兩個(gè)元素，開發(fā)者可以通過兩個(gè)元素在html頁(yè)面上播放音頻視頻。
海南州網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)于2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
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ā)該事件
|
視頻播放
視頻播放
您的瀏覽器不支持video元素
秒
var bn = document.getElementById("bn");
var mv = document.getElementById("mv");
var detail = document.getElementById("detail");
// 為video元素的ontimeupdate事件綁定監(jiān)聽器
mv.ontimeupdate = function()
{
detail.innerHTML = mv.currentTime + "/"
+ mv.duration;
};
bn.onclick = function()
{
if(mv.paused)
{
mv.play();
bn.value = "暫停";
}
else
{
mv.pause();
bn.value = "播放";
}
}
網(wǎng)頁(yè)題目：html5——多媒體支持（video/audio）
當(dāng)前路徑：
http://weahome.cn/article/pdidhj.html
重慶分公司
重慶分公司
