内容整理自网上！
一、播放音频
系统自带：
谷歌浏览器下
代码：
<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/
转码代码(终端执行)：
(ffmpeg可执行文件路径) -i (视频文件路径) -acodec libvorbis (转后新名字.新格式)
代码
然而清晰度降低不是一个度，所以我决定还是不用了。。。
<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>
网友评论