Cocos实例3：VideoPlayer组件使用常见问题集

最新推荐文章于 2024-06-21 15:24:28 发布

EricShx

最新推荐文章于 2024-06-21 15:24:28 发布

阅读量1.5k

点赞数 17

分类专栏： Cocos实例文章标签：游戏 cocos2d typescript 视频

本文链接：https://blog.csdn.net/qq_43242691/article/details/137006687

版权

7 篇文章 1 订阅

订阅专栏

VideoPlayer组件使用常见问题集

首先要确定是不是平台限制，在Web平台下，某些浏览器出于安全性和用户体验考虑，会阻止网页内嵌视频自动播放音频。在这种情况下，即使设置了 playOnAwake 也可能不会自动播放，除非用户有交互行为（如点击页面）。
其次检查是不是文件没有完全加载，大体积的视频资源加载较慢，需要等加载完成后才会播放。如果是这个问题，可以通过预加载视频资源或在代码中监听META_LOADED(视频信息加载完成),加载完成后再play视频。这里需要注意监听事件，官方提供了READY_TO_PLAY，但亲测部分平台是无效的。
另外检查下节点或父节点的active是否为true，如果节点在其父节点之前激活，可能会导致 playOnAwake 不生效。
有些浏览器允许自动播放视频，但如果视频有音音轨也可能会禁止自动播放，因为和前面一样，平台可能会阻止音频自动播放，除非用户有交互行为。实际上大部分情况需要在多平台发布，需要尽量避免第四种情况的发生。

VideoPlayer组件渲染的是底层的WebGL视频纹理，它的透明度控制不同于普通的2D UI节点。CocosCreator中VideoPlayer组件不支持透明度控制

VideoPlayer 节点与其他节点一样，存在于场景的节点树结构中，受父节点是否激活影响。在Web环境中，VideoPlayer是通过H5原生元素实现的，这种情况下，视频元素不受Cocos Creator的普通层级控制，而是依赖于DOM层级。VideoPlayer在Creator中默认显示在最上层，但也提供了设置在最下层的方式：1.在项目设置->宏配置->勾选ENABLE_TRANSPARENT_CANVAS;
2.在属性检查器中勾选VideoPlayer的stayOnBottom属性。
需要注意的是，如果VideoPlayer设置在最下层，则无法监听VideoPlayerEvent中的clicked事件，如果需要可以在对应的位置添加一个UI节点用于响应事件。