Comments (11)
requestFullScreen事件监听不到全屏事件
from h5demo.
- 可以设置aliplayer的playsinline:true,同时 WebView 需要设置 allowsInlineMediaPlayback,这样页面在 App 里打开时视频就能以非全屏模式(即内联的方式)播放了
- 这个是在iOS下面的一个bug, 新版本会修复
from h5demo.
回复:问题1已解决,但是新的问题出现了,我发现在IOS下seek()方法无效了,无法跳转到指定时间开始播放。
详细情况:IOS 7.1.2,
拟实现功能:自动记录播放进度,下次进入页面时续播。
目前情况:可以正常记录进度,调试通过,但seek()后仍然从头开始播放,seek()方法写在播放器创建完成后的回调内的
from h5demo.
对于requestFullScreen的问题,在IOS下主动点击全屏按钮是可以监听的,这个是我描述不够清楚,具体是因为我没设置内联播放,所以IOS自动全屏的这个事件用requestFullScreen监听不到,这应该不算BUG...
from h5demo.
把seek事件写在play事件里试一下
from h5demo.
仍然无效的
player.on("play",function(e){ //开始播放时要做的 vue_obj.CurrentTime = getDB("video_"+vue_obj.section.id) || 0;//获取本地记录的本课程视频学习时间 if(vue_obj.CurrentTime > 0){ //如果记录有播放时间,则接着播放 console.log(vue_obj.CurrentTime); //这里输出时间正常 player.seek(vue_obj.CurrentTime);//跳转到记录的时间开始播放 } if(vue_obj.CurrentTime > 0 && !can_pause){ mui.toast("已为您跳转到上次记录的时间"); } getTime(); var t2 = setTimeout(function(){ can_pause = true; },1000*2) });
而且我尝试seek一个定值,也无效
from h5demo.
你可以试一下原生的seek方法可不可以的, 是不是平台本身的限制, $(that.player.el()).find('video')[0].currentTime =10, 也可以在canplay事件里尝试一下, 这个事件会多次触发,需要判断一下是不是第一次触发
from h5demo.
我尝试下吧,也麻烦您有空测试下IOS下的seek
另外文档里好像没有canplay事件?
from h5demo.
嗯,canplay是原生播放器本身的事件,可以尝试一下, 进度条的拖动就是通过seek实现的,如果可以拖动,方法本身应该是没问题的, 其实你这种case是不是应该在new Aliplayer的回调方法里, 通过loadByUrl方法加载地址播放,这个方法的第二个参数可以传开始播放的时间
from h5demo.
项目采用的VideoID+PlayAuth的方案,而且不允许拖动。
但是IOS端全屏后像是被IOS自带视频播放器拦截了,仍然可以拖动,全屏后的UI也是IOS的
from h5demo.
iOS端全屏调用的是video的全屏方法, 这样全屏后可以旋转
from h5demo.
Related Issues (20)
- 请问如何自定义取消全屏的按钮 HOT 3
- 2.2以后更换了vid+playauth的播放地址 HOT 3
- 横竖屏切换 HOT 1
- 多码率如何实现? HOT 1
- 关于Android端无法自动播放问题 HOT 2
- 移动端视频自动播放失效了么? HOT 5
- 关于播放器的配置 HOT 3
- 体验demo 打不开 HOT 2
- demo的代码呢 ?怎么看不到了? ios11全屏播放会退不出来怎么解决啊 HOT 1
- aliplayer音频在微信内播放,会自动弹出全屏播放,怎么取消全屏播放啊? HOT 1
- 安卓端 微信浏览器里面 怎么切换播放倍速
- 使用QQ浏览器播放视频还是会进入全屏
- H5在iframe框架内无法全屏 HOT 2
- aliplayer2.0版本的bug· HOT 3
- 安卓手机在微信浏览器里播放视频时第一次打开不能自动播放,需要点击播放按钮 HOT 1
- 新版本播放中不会自动隐藏控件 HOT 2
- 在微信中使用同层播放,input获取焦点之后,同层播放就失效了 HOT 1
- 微信中,先点击全屏,再点击播放按钮,视频黑屏不显示,只能听见声音 HOT 1
- 微信里开始播放后tab不能点击了 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from h5demo.