var myPlayer = videojs('my-video');$(".detail-play-img").click(function() {myPlayer.requestFullscreen();myPlayer.play();$(this).hide();$(".detail-bg").hide();});以上是点击全屏播放的代码,在华为手机下是竖屏的全屏,还有在小米手机下没有全屏使用swiper.js做的视频和图片的轮播,在小米和华为手机下,视频播放后不能轮播,下面是轮播的代码var mySwiper3 = new Swiper('.swiper-container3', {loop: false,slidesPerView: 1,nextButton: '#swiper-next3',prevButton: '#swiper-prev3',longSwipesRatio: 0.1,pagination: '.swiper-pagination',onTouchMove: function(swiper) {myPlayer.pause();//$(".detail-play-img").show();//$(".detail-bg").show();}})
1 回答

aluckdog
TA贡献1847条经验 获得超7个赞
这一块实践的比较少,只能说点建议:
关于全屏的问题,全屏状态很多时候横屏还是竖屏都是由移动端决定的,无论是说移动浏览器还是移动端app,
关于swipe视频播放的时候不能轮播,可以考虑在swipe提供的一些钩子函数中添加判断,【应该有滑动前执行的钩子函数】如果当前是视频的话,先暂停播放,再来轮播,只是个想法。
没法具体帮助了。
添加回答
举报
0/150
提交
取消