在页面中放了个视频，手机横屏后，页面会重新加载，视频随之停止播放。

be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

http://be-fe.github.io/iSlider/

MIT License

1.66k stars 448 forks source link

Open huzoukai opened 8 years ago

huzoukai commented 8 years ago

我在一个项目中使用了iSlider，但是有一个页面是有视频的，但是页面在IOS环境下横过来的时候页面是会刷新的，视频就停止播放了。是否有什么办法能够解决横置刷新的问题？十分感谢！

shinate commented 8 years ago

因为会重新计算场景尺寸，里面的视频也会重新渲染。屏幕旋转会触发两个事件reset和slideRestored，一般用reset

如： islider.on('reset', function(){播放视频})，或者在初始化时设置new iSlider({onreset:function(){播放视频}})

需要判断下视频是否在当前帧，如果内容是dom引用的话可以保持播放进度