70 lines
1.9 KiB
Markdown
70 lines
1.9 KiB
Markdown
|
使用[FullScreenVideo](https://github.com/egret-labs/egret-game-library/tree/master/weixinextension)扩展可实现微信中带顶部栏的全屏视频,一般用于游戏过场或者广告营销。
|
|||
|
|
|||
|
>只在微信中可用,手机浏览器和 runtime 中无效。
|
|||
|
点击屏幕后会播放,不会显示播放控制条。 ios 系统一般没问题,安卓系统少量手机不支持。
|
|||
|
|
|||
|
## 引入
|
|||
|
|
|||
|
引入 FullScreenVideo 与引入其他第三方库过程相同,获取 weixinextension 之后, 在 egretProperties.json 中引入该库并编译引擎。需要注意库的位置应放在项目外。
|
|||
|
|
|||
|
```
|
|||
|
{
|
|||
|
"name": "weixinextension",
|
|||
|
"path": "../libsrc"
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
## 使用
|
|||
|
|
|||
|
使用 FullScreenVideo 比较简单,包含以下 API:
|
|||
|
|
|||
|
### 方法:
|
|||
|
* load(url);
|
|||
|
|
|||
|
加载视频,传入加载视频的地址。
|
|||
|
|
|||
|
* show()
|
|||
|
|
|||
|
显示视频。
|
|||
|
|
|||
|
* close()
|
|||
|
|
|||
|
关闭视频。
|
|||
|
|
|||
|
### 属性:
|
|||
|
|
|||
|
* poster
|
|||
|
|
|||
|
预览图的地址。
|
|||
|
|
|||
|
* loop
|
|||
|
是否设置为循环播放。
|
|||
|
|
|||
|
----
|
|||
|
|
|||
|
使用 weixinextension 如下 :
|
|||
|
|
|||
|
```
|
|||
|
var video = new weixinextension.FullScreenVideo();
|
|||
|
//载入视频
|
|||
|
video.load('resource/video/mp4.mp4');
|
|||
|
//设置封面图
|
|||
|
video.poster = "resource/video/bg.jpg";
|
|||
|
//显示视频
|
|||
|
video.show();
|
|||
|
video.addEventListener(egret.Event.COMPLETE,()=>{
|
|||
|
console.log('play complete');
|
|||
|
video.close();
|
|||
|
},this)
|
|||
|
```
|
|||
|
|
|||
|
首先调用 load 方法载入视频,并设置视频的封面图。调用 show 方法显示视频,当视频播放完成是调用 close 方法结束视频。
|
|||
|
|
|||
|
## 其他注意事项
|
|||
|
|
|||
|
下列为测试过的正常播放的设备 iphone6+ iOS 9.3.1 ipad2 iOS 8.4 魅族MX5 Android 5.1 Flayme 5.1.4 小米2s Android 5.0.2 MIUI 7 6.5.5 华为G621-TL00 Android 4.4.4 emotion2.3
|
|||
|
|
|||
|
另外,如果 loop = true 设置为循环播放以后,安卓系统会有异常现象出现,比如在重播的时候可能会有一个播放按钮闪现,底部可能有播放控制栏出现。 就一个ts文件,可以拷贝到项目里直接使用。
|
|||
|
|
|||
|
|