zoukankan      html  css  js  c++  java
  • html5 Video 跳过当前视频

    在html5的video中,有时候加载视频会出现问题。

    特别在手机端,我们需要去检测视频加载是否出现问题,如果出现问题要怎么解决。

    在我目前的需求中,是需要跳过当前视频播放下一个。

    我的大致的逻辑是

    //依赖jquery
    
    var player = $("#player"),
          playlist = [...],
          currentIndex = 0
        
    player.on("ended", function(){
          ++currentIndex      
          if(currentIndex < playlist.length - 1) {
                setSrc(playlist[currentindex])
          }
    }).on("error", function(){
          //当出现问题的时候,怎么自动跳转呢
          player.trigger("ended")
    })

    当遇到问题的时候,直接触发ended事件,当做当前视频已经播放完毕。

    这样就可以在出现错误的情况下自动跳过了。

  • 相关阅读:
    leetcode-剑指10-OK
    leetcode-剑指22-OK
    vue组件引入
    vue项目单页
    vue-cli脚手架创建vue项目
    vue生命周期
    ES6 DEMO
    ES6
    记录一个天坑
    CentOS 7防火墙快速开放端口配置方法
  • 原文地址:https://www.cnblogs.com/leftice/p/3955781.html
Copyright © 2011-2022 走看看