zoukankan      html  css  js  c++  java
  • HTML5 video 连续播放视频

    HTML Video标签属性

    html页面代码

    <video height="2160" id="playVideo" width="3840" poster="img/blank.png" autoplay="autoplay" preload="auto" >

    获取video对象

    var media = document.getElementById("playVideo");

    不要使用jquery获取,这样会有问题

    监听video对象的ended属性实现连续播放

          var curr = 0;
                                var media = document.getElementById("playVideo");
                                media.addEventListener("ended", function () {
                                    media.src = videoArr[curr];
                                    media.play();
                                    curr++;

                                    if (curr >= videoArr.length)
                                        curr = 0;
                                }, false);

    更多的属性请参考 http://www.w3school.com.cn/jsref/dom_obj_event.asp

    http://www.jianshu.com/p/404d01b8e713/

  • 相关阅读:
    第二次作业
    构造之法现代软件工程
    软件工程的作业五个问题!
    第四次作业
    第五次作业
    软件工程第二次作业
    第五次作业·
    第五次作业
    软件工程第二次作业
    软件工程第一次作业
  • 原文地址:https://www.cnblogs.com/ZJ199012/p/7227361.html
Copyright © 2011-2022 走看看