视频全屏造成可拖动选项卡定位错乱的问题

分类：MUI

选项卡

我把视频播放嵌套在第每一个选项卡的子项里面，视频全屏播放后退出后，发现选项卡已经不是在当前播放视频的那个选项卡位置，而是定位到下一个选项卡的位置。只有偶数的选项卡会有这个问题，奇数的不会。

2017-02-09 11:46 负责人:无分享

2 个回复

CJH - 我想要的，我自然会认真

依旧以Hello mui中的例子为例，在第二个选项中添加一个video标签。

首先，定义一个变量，用来记录选项卡的位置；

var sliderNum = 0;

第二步监听slide事件，更新选项卡位置；

document.getElementById('slider').addEventListener('slide', function(e) {  
    sliderNum = e.detail.slideNumber;  
});

第三步，当视频全屏变化时，使其切换到正确的位置。

var videoEl = document.querySelector('video');  
videoEl.addEventListener('webkitfullscreenchange', function(){  
    console.log(sliderNum);  
    mui('#slider').slider().gotoItem(sliderNum);  
});

完整代码请参考附件中的文件。

index.zip

冬瓜鸡汤 (作者) - 程序猿

直接在全屏事件里调用切换事件没有效果，我用延迟函数去调用

该问题目前已经被锁定, 无法添加新回复

视频全屏造成可拖动选项卡定位错乱的问题

2 个回复

公告

相关问题

视频全屏造成可拖动选项卡定位错乱的问题

与内容相关的链接

2 个回复

公告

相关问题