video标签
利用video标签可以将本地视频在网页中播放，video标签
包含的属性有
controls是否显示播放控制框
src 文件地址
width 页面中的显示宽度
height 页面中的显示高度
autoplay 是否打开页面时自动播放
preload 视频在页面加载时进行加载，并预备播放
loop 视频播放完时继续从头开始播放
使用 DOM 进行控制
代码示例
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<button οnclick="playPause()">开始/暂停</button>
<button οnclick="makeBig()">大</button>
<button οnclick="makeNormal()">中</button>
<button οnclick="makeSmall()">小</button>
</br>
<video id="video1" controls ="control" src ="ad.mp4" width=500 style="margin-top:100px;"/>
<script type="text/javascript">
var myVideo = document.getElementById("video1");
function playPause(){
if(myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig()
{
myVideo.width=560;
}
function makeSmall()
{
myVideo.width=320;
}
function makeNormal()
{
myVideo.width=420;
}
</script>
</body>
</html>
需要注意的是网页中的视频仍然保持原来的比例
扫一扫
4574
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
