zoukankan      html  css  js  c++  java
  • 获取视频播放时长

    var video=document.getElementById("video");

    //使用事件监听方式捕捉事件
    var timeDisplay;
    video.addEventListener("timeupdate",function(){
    //用秒数来显示当前播放进度
    timeDisplay = Math.floor(video.currentTime);
    //当视频播放到 30s的时候做处理
    if(timeDisplay == 30){
    //处理代码
    video.pause();
    $('.Limited_time').show();
    }
    },false);





    微信视频属性

    <video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="true" playsinline="true"></video> 

    <video
     id="videoID"
     src="video.mp4"
     poster="loadbg.jpg" 视频封面
     preload="auto"
     x-webkit-airplay="allow"
     x5-video-player-type="h5" 启用H5播放器,是wechat安卓版特性
     x5-video-player-fullscreen="true" 全屏设置,设置为 true 是防止横屏
     x5-video-orientation="portraint" 播放器支付的方向,landscape横屏,portraint竖屏,默认值为竖屏
     webkit-playsinline="true" 这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放
     playsinline="true" IOS微信浏览器支持小窗内播放
     style="object-fit:fill">
    </video>
     

  • 相关阅读:
    反射&异常
    成员方法
    继承&多态
    面向对象
    常用模块
    软件目录结构规范
    内置函数
    生产器&迭代器
    装饰器
    函数
  • 原文地址:https://www.cnblogs.com/liujun1128/p/10207012.html
Copyright © 2011-2022 走看看