横幅视频中的Firefox停留在.readyState 3

时间:2018-11-14 15:32:13

标签: javascript html5-video mp4 banner gsap

我通过.readystate函数检查是否播放了横幅mp4视频,以查看它是否===4。如果它等于4,则播放视频并同时启动GSAP时间轴。

然而,仅在Firefox中,可能有十分之一的点击,它仅在页面加载时进入3状态,并且因为未进入状态4而无法启动视频或GSAP时间轴。

这是可以触发所有内容的canPlay函数。

function canPlay() {
  console.log("ready state " , video_player.readyState);
  4 === video_player.readyState ? (startTime = new Date, tlMain.play("frame_1"),
  TweenMax.set("#ad_container", { autoAlpha: 1 })) : setTimeout(canPlay, 500)
}

感谢您的帮助。

0 个答案:

没有答案