首页前端开发HTMLhtml5开始播放当前的音频或视频的方法

html5开始播放当前的音频或视频的方法

时间2024-01-23 02:44:08发布访客分类HTML浏览794
导读:收集整理的这篇文章主要介绍了html5开始播放当前的音频或视频的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。实例带有播放和暂停按钮的一段视频:VAR myVideo=document.getElementById("video1"...
收集整理的这篇文章主要介绍了html5开始播放当前的音频或视频的方法,觉得挺不错的,现在分享给大家,也给大家做个参考。

实例

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

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

定义和用法

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

浏览器支持

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

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

语法

audio|video.play()

代码实例:

!DOCTYPE htML>
    html>
    head>
        meta charset="UTF-8">
        tITle>
    视频播放/title>
    /head>
    body>
    script>
      window.onload =function(){
              var ov=document.getElementById("a1");
          ov.onmouseover=function() {
                   this.play();
          }
          ov.onmouseout =function() {
                    this.pause();
          }
      }
    ;
    /script>
    video  id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop width="400"  height="400">
    你的浏览器不支持/video>
    /body>
    /html>
    

以上就是html5开始播放当前的音频或视频的方法的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

h5html5

若转载请注明出处: html5开始播放当前的音频或视频的方法
本文地址: https://pptw.com/jishu/583688.html
html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType() html5中重新加载音频/视频元素的方法load()

游客 回复需填写必要信息