video.js 生命周期

生命周期：

this.myPlayer.on('ended', function () {this.pause();
})
this.myPlayer.on('fullscreenchange' , function () {debugger})
// 资源长度改变
this.myPlayer.on( 'durationchange',  function( e ) { window.console.log( 'videoJS: durationchange//资源长度改变' ); });
// 资源长度改变
this.myPlayer.on( 'ended',       function( e ) { window.console.log( 'videoJS: ended' ); });
// 获取媒体数据过程中出错
this.myPlayer.on( 'error',       function( e ) {debuggerthis.load()this.play()window.console.log( 'videoJS: error' ); });
//
this.myPlayer.on( 'firstplay',     function( e ) { window.console.log( 'videoJS: firstplay' ); });this.myPlayer.on( 'loadedalldata',   function( e ) { window.console.log( 'videoJS: loadedalldata' ); });
// 浏览器已加载完毕当前播放位置的媒体数据，准备播放
this.myPlayer.on( 'loadeddata',    function( e ) { window.console.log( 'videoJS: loadeddata' ); });//浏览器获取完毕媒体的时间及字节数
this.myPlayer.on( 'loadedmetadata',  function( e ) {//加载到元数据后开始播放视频debugger_vm.startVideo(_vm);window.console.log( 'videoJS: loadedmetadata' ); });
this.myPlayer.on( 'loadstart',     function( e ) { window.console.log( 'videoJS: loadstart' ); });
this.myPlayer.on( 'pause',       function( e ) { window.console.log( 'videoJS: pause' ); });
this.myPlayer.on( 'play',        function( e ) { window.console.log( 'videoJS: play (adState: ' ); });
this.myPlayer.on( 'seeked',      function( e ) { window.console.log( 'videoJS: seeked' ); });
this.myPlayer.on( 'seeking',       function( e ) {if (!_vm.myPlayer.paused()){}window.console.log( 'videoJS: seeking' ); });
this.myPlayer.on( 'waiting',       function( e ) { window.console.log( 'videoJS: waiting' ); });this.myPlayer.on( 'contentplayback',   function( e ) { window.console.log( 'videoJS: contentplayback' ); });this.myPlayer.on( 'ima3error',     function( e ) { window.console.log( 'videoJS/IMA3: ima3error' ); });
this.myPlayer.on( 'ima3-ad-error',   function( e ) { window.console.log( 'videoJS/IMA3: ima3-ad-error' ); });
this.myPlayer.on( 'ima3-ready',    function( e ) { window.console.log( 'videoJS/IMA3: ima3-ready' ); });this.myPlayer.on( 'ads-request',     function( e ) { window.console.log( 'videoJS/Ads: ads-request' ); });

video.js 生命周期相关推荐

Vue.js 生命周期
2019独角兽企业重金招聘Python工程师标准>>> 每个 Vue 实例在被创建之前都要经过一系列的初始化过程 vue在生命周期中有这些状态, beforeCreate,creat ...
Vue.js生命周期
代码展示如下: <!-- @Author: Mr.J@Date: 2019-05-05 22:31:35 @Last Modified by: Mr.J@Last Modified time: ...
Vue.js函数的生命周期
一.vue里的生命周期是什么? vue实例从创建到销毁的过程称之为vue的生命周期二.vue.js里面的钩子函数钩子函数昰什么相当于回调函数即让开发者在特定的时候执行自定义逻辑 1.自定义 ...
微信小程序开发---页面生命周期
微信小程序开发---生命周期何为生命周期小程序全局[app.js]---生命周期小程序页面[pages/pagename.js]---生命周期何为生命周期生命周期是指一个事物从创建到销毁的一 ...
Vue 进阶系列丨生命周期
Vue 进阶系列教程将在本号持续发布,一起查漏补缺学个痛快!若您有遇到其它相关问题,非常欢迎在评论中留言讨论,达到帮助更多人的目的.若感本文对您有所帮助请点个赞吧! 2013年7月28日,尤雨溪第一次 ...
Vue.js生命周期函数
一.Vue.js生命周期简介 (直观图) 二.生命周期函数就是vue实例在某一个时间点会自动执行的函数从Vue的创建到运行.销毁总是伴随着各种各样的事件,这些事件统称为生命周期,生命周期钩子是别名. ...
Vue js 的生命周期（看了就懂）
转自: https://blog.csdn.net/qq_24073885/article/details/60143856 用Vue框架,熟悉它的生命周期可以让开发更好的进行. 首先先看看官网的图, ...
Vue.js 系列教程 3：Vue-cli，生命周期钩子
原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue ...
js字符串替换_浅析Vue的生命周期以及JS异步
前言 Vue的生命周期和JS异步都是有很多文章的知识点,我之前也是一知半解,基本够用. 但是直到我在开发的时候真的遇到了问题,才发现如果不把这些知识点融汇到一起,很难解决实际问题. 我甚至觉得这是我离 ...

video.js 生命周期

video.js 生命周期相关推荐

最新文章

热门文章