內(nèi)容整理自網(wǎng)上杏愤！
一、播放音頻
系統(tǒng)自帶：
谷歌瀏覽器下
代碼：
<body>
<audio src="resource/Dear%20friends.mp3" controls="">您的瀏覽器不支持</audio>
</body>
自定義（點擊自定義按鈕暫停/播放）：
<body>
<button onclick="clickA()">播放/暫停</button>
<audio id="audio" src="resource/Dear%20friends.mp3">您的瀏覽器不支持</audio>
<script>
var a = document.getElementById('audio');
function clickA() {
if(a.paused){
a.play();
}else{
a.pause();
}
}
</script>
</body>
二、播放視頻
1、編解碼工具的使用
ffmpeg下載：http://ffmpeg.org/
轉(zhuǎn)碼代碼(終端執(zhí)行)：
(ffmpeg可執(zhí)行文件路徑) -i (視頻文件路徑) -acodec libvorbis (轉(zhuǎn)后新名字.新格式)
代碼
然而清晰度降低不是一個度缝驳，所以我決定還是不用了。。用狱。
<body>
<video src="resource/魔戒X霍比特人.mp4" controls="controls">您的瀏覽器不支持</video>
</body>
火狐也支持运怖，比谷歌還支持，emmm.....我的電腦就是這樣的夏伊！
不兼容的話：
<body>
<video controls="controls">
<source src="resource/魔戒X霍比特人.mp4">
<source src="resource/1.ogg">
您的瀏覽器不支持
</video>
</body>
自定義按鈕：
<body>
<button onclick="clickV()">播放/暫停</button>
<button onclick="clickBig()">放大</button>
<button onclick="clickSmall()">縮小</button>
<br/>
<video id="video" src="resource/魔戒X霍比特人.mp4">
您的瀏覽器不支持
</video>
<script>
var v=document.getElementById('video');
function clickV() {
if(v.paused){
v.play()
}else{
v.pause();
}
}
function clickBig() {
v.width=500;
v.height=500;
}
function clickSmall() {
v.height=300;
v.width=300;
}
</script>
</body>
