全国咨询热线:18720358503

重庆网站建设流程-h5播放软件标签video常用属性事

类别:媒体报道 发布时间:2021-01-08 浏览人次:

--------

重庆网站建设流程

-------  !-- 严禁免费下载 --
  video src="test.mp4" controls controlslist="nodownload" width="400" height="300" /video
  !-- 严禁免费下载,严禁全屏 --
  video src="test.mp4" controls controlslist="nodownload nofullscreen" width="400" height="300" /video
  !-- 全自动播发 (不一样访问器的主要表现不一样) --
  video src="test.mp4" controls autoplay width="400" height="300" /video
  !-- 默认设置静音播发(可手动式点开再次播发) --
  video src="test.mp4" controls muted width="400" height="300" /video
  !-- 循环系统播发 --
  video src="test.mp4" controls loop width="400" height="300" /video
  !-- 预载入 --
  video src="test.mp4" controls preload width="400" height="300" /video
  !-- 贴图 --
  video src="test.mp4" poster="poster.jpg" controls width="400" height="300" /video
  !-- 声音操纵 --
  video src="test.mp4" poster="poster.jpg" controls width="400" height="300" id="_volume" /video
  script
    var video = document.getElementById('_volume')
    video.volume = 2 // 取值范畴:0 到 1,0 是静音,0.5 是一半的声音,1 是最大声音(默认设置值)
  /script
  !-- 播发時间操纵 --
  video src="test.mp4" poster="poster.jpg" controls width="400" height="300" id="_time" /video
  script
    var video = document.getElementById('_time')
    console.log(video.currentTime)  // 视頻当今正在播发的時间(企业:s),进度条拖到哪就显示信息当今的時间
    video.currentTime = 60  // 默认设置从60秒处刚开始播发
  /script
  !-- 播发详细地址切换 (普遍于切换超清  高清 顺畅,不一样画质的视頻详细地址不一样) --
  video src="test.mp4" controls autoplay width="400" height="300" id="_src" /video
  script
    var video = document.getElementById('_src')
    console.log(video.src)     // test.mp4   肯定详细地址,DOM 中是相对性详细地址
    // video.src = 'test-2.mp4'   // 立即更换掉了原先的视頻src
    setTimeout(() = {
      video.src = 'test-2.mp4'  // 播发到第 30s 的情况下,全自动切换视頻
    }, 30000)
  /script
  !-- 备用详细地址切换 --
  video controls autoplay width="400" height="300" id="_source"
    source src="test3.mp4" type="video/mp4" /
    source src="test9.mp4" type="video/mp4" /
    source src="test-2.mp4" type="video/mp4" /
  /video
  script
    var video = document.getElementById('_source')
    setTimeout(() = {
      console.log(video.currentSrc)     // test.mp4
    }, 1000)
    // HTTP 加载不成功,情况码 404。新闻媒体資源 test3.mp4 加载不成功。
    // HTTP 加载不成功,情况码 404。新闻媒体資源 test9.mp4 加载不成功。
    // test-2.mp4
    // 当第一段视頻载入不成功时,全自动载入下一段视頻
video 恶性事件: video src="test.mp4" controls width="400" height="300" id="video" /video

    script

   var video = document.getElementById('video')


   // 1、loadstart:视頻搜索。当访问器刚开始找寻特定的声频/视頻时开启,也就是当载入全过程刚开始时

   video.addEventListener('loadstart', function(e) {

     console.log('提醒视頻的元数据信息已载入')

     console.log(e)

     console.log(video.duration)            // NaN

   })


   // 2、durationchange:时长转变。当特定的声频/视頻的时长数据信息产生转变时开启,载入后,时长由 NaN 变成声频/视頻的具体时长

   video.addEventListener('durationchange', function(e) {

     console.log('提醒视頻的时长已更改')

     console.log(e)

     console.log(video.duration)           // 528.981333   视頻的具体时长(企业:秒)

   })


   // 3、loadedmetadata :元数据信息载入。当特定的声频/视頻的元数据信息已载入时开启,元数据信息包含:时长、尺寸(仅视頻)和文字路轨

   video.addEventListener('loadedmetadata', function(e) {

     console.log('提醒视頻的元数据信息已载入')

     console.log(e)

   })


   // 4、loadeddata:视頻免费下载监视。铛铛前帧的数据信息已载入,但沒有充足的数据信息来播发特定声频/视頻的下一帧时开启

   video.addEventListener('loadeddata', function(e) {

     console.log('提醒当今帧的数据信息是可用的')

     console.log(e)

   })


   // 5、progress:访问器免费下载监视。当访问器正在免费下载特定的声频/视頻时开启

   video.addEventListener('progress', function(e) {

     console.log('提醒视頻正在免费下载中')

     console.log(e)

   })


   // 6、canplay:可播发监视。当访问器可以刚开始播发特定的声频/视頻时开启

   video.addEventListener('canplay', function(e) {

     console.log('提醒该视頻已提前准备好刚开始播发')

     console.log(e)

   })


   // 7、canplaythrough:可顺畅播发。当访问器预计可以在不断下来开展缓存的状况下不断播发特定的声频/视頻时开启

   video.addEventListener('canplaythrough', function(e) {

     console.log('提醒视頻可以不断顿地一直播间放')

     console.log(e)

   })


   // 8、play:播发监视

   video.addEventListener('play', function(e) {

     console.log('提醒该视頻正在播发中')

     console.log(e)

   })


   // 9、pause:中止监视

   video.addEventListener('pause', function(e) {

     console.log('中止播发')

     console.log(e)

   })


   // 10、seeking:搜索刚开始。当客户刚开始挪动/弹跳到声频/视頻中新的部位时开启

   video.addEventListener('seeking', function(e) {

     console.log('刚开始挪动进度条')

     console.log(e)

   })


   // 11、seeked:搜索完毕。当客户早已挪动/弹跳到视頻中新的部位时开启

   video.addEventListener('seeked', function(e) {

     console.log('进度条早已挪动到了新的部位')

     console.log(e)

   })


   // 12、waiting:视頻载入等候。当视頻因为需要缓存下一帧而终止,等候时开启

   video.addEventListener('waiting', function(e) {

     console.log('视頻载入等候')

     console.log(e)

   })


   // 13、playing:当视頻在已因缓存而中止或终止后已准备就绪时开启

   video.addEventListener('playing', function(e) {

     console.log('playing')

     console.log(e)

   })


   // 14、timeupdate:现阶段的播发部位已变更时,播发時间升级

   video.addEventListener('timeupdate', function(e) {

     console.log('timeupdate')

     console.log(e)

   })


   // 15、ended:播发完毕

   video.addEventListener('ended', function(e) {

     console.log('视頻播发完了')

     console.log(e)

   })


   // 16、error:播发不正确

   video.addEventListener('error', function(e) {

     console.log('视頻错误了')

     console.log(e)

   })


   // 17、volumechange:当声音变更时

   video.addEventListener('volumechange', function(e) {

     console.log('volumechange')

     console.log(e)

   })


   // 18、stalled:当访问器尝试获得新闻媒体数据信息,但数据信息不能用时

   video.addEventListener('stalled', function(e) {

     console.log('stalled')

     console.log(e)

   })


   // 19、ratechange:当视頻的播发速度已变更时

   video.addEventListener('ratechange', function(e) {

     console.log('ratechange')

     console.log(e)

   })

  /script

 

【 ---------

重庆网站建设流程

------------

推荐阅读

重庆网站建设流程-h5播放软件标签video常用属性事

!-- 严禁免费下载 -- video src="test.mp4" controls controlslist="nodownload" width="400" height="300" /video !-- 严禁免费下载,严禁全屏幕 -- video src="test.mp4"...

2021-01-08
广州建网站 为何要做网站排名优化【凡科】广州

重要词:广州市建设网站 为什么要建立网站排行提升 现有 630 人访问 很多公司都是有一个错误观念就是我创建了自身的网站,随后发布后全都无需做便可以等待浏览量来联络自身了。实...

2021-01-08
微信小程序潜在优势_详解node.js的http模块实例演

详细说明node.js的http控制模块案例演试 本文关键详细介绍了详细说明node.js的http控制模块案例演试,网编感觉挺好的,如今共享给大伙儿,也给大伙儿做下参照。一起追随网编回来...

2021-01-08
广州凡科互联网科技股份有限公司招聘银行客服

招聘人数:11职位信息岗位职责:1、根据广州银行信用卡中心风险管理规定,通过电话形式,按照催收流程和话术要求,实施早期资产催收工作,督促客户及时还款;2、有效控制用户逾...

2021-01-08
QQ掌门人马化腾:如何搞好移动互联网

深圳市企业网站建设佰达高新科技掌握到当我们们见到从互联网3G到2G,也包含移动智能终端、智能化机器设备,不在断地演化和发展趋势。特别是在是2020年,刚以往的10个月的時间里,...

2021-01-08
重庆网站建设中网站的导航设置技巧

每个网站都是有导航栏,在设定导航栏的情况下有哪些方法呢?导航栏设定的技术专业性能够危害网站的客户感受,检索模块的提升,因此网站的导航栏设定是企业网站建...

2021-01-08
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信