小码哥的IT人生

HTML 5 Audio/Video DOM addTextTrack() 方法 详解

HTML基础 2022-06-02 15:32:36小码哥的IT人生shichen

HTML 5 Audio/Video DOM addTextTrack() 方法

实例

带有播放和暂停按钮的一段视频:

var myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {
  myVideo.pause();
  }

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<button onclick="playVid()" type="button">播放视频</button>
<button onclick="pauseVid()" type="button">暂停视频</button>
<br />
<br />
<video id="video1">
  <source src="/demo/example/html5/mov_bbb.mp4" type="video/mp4">
  <source src="/demo/example/html5/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>
<script>
var myVideo=document.getElementById("video1");
function playVid()
  {
  myVideo.play();
  }
function pauseVid()
  {
  myVideo.pause();
  }
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

play() 方法开始播放当前的音频或视频。

浏览器支持

所有主流浏览器都支持 play() 方法。

注释:Internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.play()

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024