当前位置: 首页 > 工具软件 > Videogular > 使用案例 >

【完结-不全-慎入】cordova&ionic使用视频播放插件videogular

凤凡
2023-12-01

videogular插件可以播放在线视频、本地视频、定制播放器主题等。官网中并没有提到对cordova这类的webview的支持程度,我也是在尝试。

我的开发环境及工具:
mac
ionic
cordova

官网:www.videogular.com
github:https://github.com/videogular/videogular

安装

官网的安装对于新手来说过于复杂,所以直接暴力地把cdn存下来了,地址是这个http://static.videogular.com/scripts/videogular/latest/videogular.js

引用JS

我的项目是基于IONIC,会自动引用angular,不再需要单独引用。而sanitize貌似不在ionic内,所以这里需要引用一下。所以我新增以下代码:
<script src="lib/angular-sanitize/angular-sanitize.js"></script>
<script src="js/videogular/videogular.js"></script>

注意:要放在ionic引用的下面

全屏控件隐藏旋转BUG

当全屏时并控件隐藏,设备旋转时会露底,露出下面的网页

视频最终解决方案

  • 下载后本地视频,使用cordova一个中间件

cordova-plugin-streaming-media
github地址:
https://github.com/nchutchind/cordova-plugin-streaming-media

  • 在线视频使用H5的video标签
 类似资料: