HTML5新特性之音視頻播放
音頻(Audio)
HTML5提供了播放音頻文件的標準
control(控制器)
control屬性用來添加播放、暫停和音量控件
標籤:
<audio>
定義聲音<source>
規定多媒體資源,可以是多個
注:每個瀏覽器支持的音頻格式是不一樣的,如需兼容各個版本的瀏覽器,請查詢HTML5音頻播放標準
播放音頻的實現
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>audio播放</title>
<!--src中是資源的路徑-->
<audio src="Bon Jovi - It_s My Life.mp3" controls="controls"></audio>
</head>
<body>
</body>
</html>
視頻的編解碼工具
Video(視頻)
HTML5視頻的標準
control(控制器)
標籤
<video>
定義視頻
<source>
規定多媒體資源,也可以是多個
屬性:
- width:寬
- height:高
注:每個瀏覽器支持的視頻格式是不一樣的,如需兼容各個版本的瀏覽器,請查詢HTML5視頻播放標準
代碼的實現
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>video播放</title>
</head>
<body>
<video src="1.mp4" controls="controls"></video>
</body>
</html>