html5标签video

来源：互联网发布：服装订货软件编辑：程序博客网时间：2024/04/29 05:23

video标签

利用video标签可以将本地视频在网页中播放，video标签

包含的属性有

controls是否显示播放控制框

src 文件地址

width 页面中的显示宽度

height 页面中的显示高度

autoplay 是否打开页面时自动播放

preload 视频在页面加载时进行加载，并预备播放

loop 视频播放完时继续从头开始播放

使用 DOM 进行控制

代码示例

<!DOCTYPE HTML><html><head></head><body><button onclick="playPause()">开始/暂停</button><button onclick="makeBig()">大</button><button onclick="makeNormal()">中</button><button onclick="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();elsemyVideo.pause();}function makeBig(){ myVideo.width=560; } function makeSmall(){ myVideo.width=320; } function makeNormal(){ myVideo.width=420; } </script></body></html>

需要注意的是网页中的视频仍然保持原来的比例