MuiPlayer
MuiPlayer
> 加载 vtt 字幕文件的网络资源 您好,请问 vtt 文件的网络资源地址是否与网站地址同源呢?如果域名非同源这可能是跨域导致的,请切换到同源地址后尝试。 请查阅:同源政策(CORS)、html5 video crossorigin
请检查工程样式依赖,应该是工程本身 CSS 样式与播放器框架样式冲突了
那是 bootstrap 自身样式造成全局污染了,指定 css !important 重写一下;
您可以看看,muiplayer 已经做过框架样式防污染处理,但是 boottrap 为什么一些全局样式没有调整... 是一些样式类名太常用了,后面我改一下吧 😂
> 右侧弹出栏窗口点击事件失效 请尝试使用 div 做为包装控件的容器,示例: ```html Blu-ray 1080P Ultra-clear HD SD ```
> 原生做的壳,内嵌是H5项目 - 安卓和IOS原生应用内嵌 muiplayer 插件,应需要手动监听播放器触发的部分事件,利用 JS 与原生交互实现通讯共享,那么你需要通过添加 muiplayer 的 fullscreen-change 事件监听以及 openFullScreen、closeFullScreen 等接口自定义实现横竖屏的转换; - 另外利用 hbuilder 打包,注意打包时是否需要引入加载的一些 SDK;
监听暂停:mp.video().onpause = () => { }; 监听播放完成:mp.video().onended = () => { }; 参考:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/video#事件
好的,项目是还没有点 Star 吗,^_^ 🤪🤪
html5 video 本身只是提供视频播放的功能,针对 muiplayer 或者 video tag 在浏览器上播放的表现形式本来就是不统一的,全屏播放时甚至还会被浏览器播放劫持;因此移动端全屏时无法自动横屏取决于浏览器本身,因为在这一方面 js 无法与浏览器底层达成通信!