美文网首页
video-canplaythrough事件不触发

video-canplaythrough事件不触发

作者: 巫路赛 | 来源:发表于2021-03-08 14:40 被阅读0次

最近做项目遇到video加载资源在iOS(iPadOS) safari不触发canplaythrough事件的状况

src设置后调用load()可以解决ios版本较新的机器(ios14及以上),

 var video = document.createElement('VIDEO');
  video.addEventListener('canplaythrough', loadedVideo, false);
  video.src = url;
  video.load();

ios14以下换成canplay事件可以生效,没那么完美,但是没办法,mobile Safari is a trash.

有完美解决的请告知,多谢。

相关文章

  • video-canplaythrough事件不触发

    最近做项目遇到video加载资源在iOS(iPadOS) safari不触发canplaythrough事件的状况...

  • 解决事件不触发

    $('body').on('hover','.ui-state-default',function(){ cons...

  • 安卓Textview的点击事件和 SpannableString

    1.点击ClickableSpan不触发textview的点击事件2.点击textview,不触发Clickabl...

  • dom事件机制

    事件触发三阶段window 往事件触发处传播,遇到注册的捕获事件会触发传播到事件触发处时触发注册的事件从事件触发处...

  • 事件

    事件触发方法:onclick="单击触发事件";ondblclick="双击触发事件";onmousedown="...

  • JS之鼠标移入移出事件的区别和对比

    1.onmouseenter和onmouseleave 鼠标经过自身时触发事件,经过它的子元素时不会触发该事件,不...

  • 事件

    事件触发的三个阶段: window 往事件触发处传播,遇到注册的捕获事件会触发 传播到事件触发处时触发注册的事件 ...

  • 浏览器相关知识点小结

    事件机制 事件触发的三个阶段:window 往事件触发处传播,遇到注册的捕获事件会触发传播到事件触发处时触发注册的...

  • 我的前端入门笔记(11)--事件冒泡、捕获、代理

    1.事件冒泡与捕获 冒泡:先触发内部事件,再触发外部事件;捕获:先触发外部事件,再触发内部事件; addEvent...

  • 平板 touchMove事件不触发

    在做app的过程中,手机端的(touchmove)事件都是可以触发的,但是在平板中事件不触发 解决方法: 只需要阻...

网友评论

      本文标题:video-canplaythrough事件不触发

      本文链接:https://www.haomeiwen.com/subject/tbmpqltx.html