电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 替代Flash技术最好的选择------HTML5（2） [打印本页]

作者: look_w 时间: 2019-2-19 15:50 标题: 替代Flash技术最好的选择------HTML5（2）

3、代码示例
<body>
<video controls poster="gg.jpg" width="300px" height="400px" style="background:black" preload="auto">
您的浏览器不支持播放该格式视频
<source src="video.mp4">
<source src="video.ogg">
<source src="video.webm">
</video>
<button id="btn"></button>
</body>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
var video = document.getElementsByTagName('video')[0];
//paused当前视频是否暂停，暂停返回true
if (video.paused) {
video.play();
btn.innerHTML = "暂停";

         }else{
            video.pause();
            btn.innerHTML = "播放";
         }
         video.onplay = function(){
            console.log("====");
         }
         video.onended = function(){
            console.log("++++");
         }
   }
</script>

4、运行结果

Paste_Image.png

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)