VideoPlayer 组件参考

VideoPlayer 是一种视频播放组件，该组件让你可以轻松地播放本地和远程视频。 播放本地视频： 播放远程视频： 属性检查器下面的添加组件按钮，然后从添加 UI 组件中选择VideoPlayer，即可添加 VideoPlayer 组件到节点上。 VideoPlayer API。

VideoPlayer 属性

VideoPlayer 事件

VideoPlayerEvent 事件

事件回调参数

可以使用 Widget 组件把视频控件撑满，详情请参考引擎自带的 Example-cases 测试例。

详细说明

那么在 PC 的模拟器里面预览的时候可能看不到效果。 此控件支持的视频格式由所运行系统的视频播放器决定，为了让所有支持的平台都能正确播放视频，推荐使用 mp4 格式的视频。

通过脚本代码添加回调

方法一

你需要首先构造一个 cc.Component.EventHandler 对象，然后设置好对应的 target, component, handler 和 customEventData 参数。

  1. var videoPlayerEventHandler = new cc.Component.EventHandler();videoPlayerEventHandler.target = this.node; //这个 node 节点是你的事件处理代码组件所属的节点videoPlayerEventHandler.component = "cc.MyComponent"videoPlayerEventHandler.handler = "callback";videoPlayerEventHandler.customEventData = "foobar";videoPlayer.videoPlayerEvent.push(videoPlayerEventHandler);//here is your component filecc.Class({    name: 'cc.MyComponent'    extends: cc.Component,    properties: {    },    //注意参数的顺序和类型是固定的    callback: function(videoplayer, eventType, customEventData) {        //这里 videoplayer 是一个 VideoPlayer 组件对象实例        // 这里的 eventType === cc.VideoPlayer.EventType enum 里面的值        //这里的 customEventData 参数就等于你之前设置的 "foobar"    }});

方法二

videoplayer.node.on('ready-to-play', ...) 的方式来添加

  1. //假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理:cc.Class({    extends: cc.Component,    properties: {       videoplayer: cc.VideoPlayer    },    onLoad: function () {       this.videoplayer.node.on('ready-to-play', this.callback, this);    },    callback: function (event) {       //这里的 event 是一个 EventCustom 对象，你可以通过 event.detail 获取 VideoPlayer 组件       var videoplayer = event.detail;       //do whatever you want with videoplayer       //另外，注意这种方式注册的事件，也无法传递 customEventData    }});

同样的，你也可以注册 ‘meta-loaded’, ‘clicked’ , ‘playing’ 等事件，这些事件的回调函数的参数与 ‘read-to-play’ 的参数一致。 关于完整的 VideoPlayer 的事件列表，可以参考 VideoPlayer 的 API 文档。