首页 > 其他分享 >解决videojs 在Chrome浏览器下报:A network error caused the media download to fail part-way.

解决videojs 在Chrome浏览器下报:A network error caused the media download to fail part-way.

时间:2023-03-31 15:44:58浏览次数:54  
标签:浏览器 network 下报 Chrome media caused download

记录一下videoJS在Chrome浏览器下有时候出现播放一半或者回退的一个恶心bug,错误提示如下:A network error caused the media download to fail part-way.经过一下午的折腾查找,终于在GitHub上看到他们官方的一个解决方案,这个方案目前没有更新在官方文档最新版本中,只是随便提了一下。

官方解决方案地址:https://gist.github.com/dmlap/98d72cb607325a6640768ca58323ce2e


在这里一定要注意两个点:
1.videojs初始化一定要放在mounted初始化

2.解决网络慢导致的视频不再重新加载,监听reloadSourceOnError事件,并重新加重视频资源,一定要注意再次加载的视频资源一定要给它加一个随机数,不然浏览器默认认为你还是之前的视频,不会给你重新加载

 

 

 

 

 

 

标签:浏览器,network,下报,Chrome,media,caused,download
From: https://www.cnblogs.com/BeyondWang/p/17276481.html

相关文章

  • Qt音视频开发32-qmedia内核回调拿图片数据
    一、前言使用qmediaplayer来打开视频并播放,默认首选会采用QVideoWidget控件来展示,优点是不用自己来绘制,一切交给了QVideoWidget控件,这样可以做到极低的CPU占用,缺点也明显,就是无法拿到每一帧的图片,很多时候我们还需要主动拿到每一帧的图片来运算做人工智能,通过不断的截图虽然也能......
  • 数字漫画经销商iVerse Media已获得400万美金投资
    数字漫画经销商iVerseMedia今日宣布公司已从PS&J集团获得400万美金私募股权投资,这笔钱将继续用于开发新产品和其漫画阅读应用Comics+的市场推广。Comics+聚合了几十家出版商的漫画,为读者提供一站式购买阅读体验。iVerseMedia的应用具有巨大的商业潜质,因为对于读者喜欢的漫画......
  • 树莓派安装openmediavault
    1.下载树莓派系统,必需是无图形界面的litedebian32位版。在boost里面创建ssh空文件,没有后缀名。在boost里面建立文件userconf.txt,把下面的内容copy进去,pi:$6$/4.VdYgDm7RJ0qM1$FwXCeQgDKkqrOU3RIRuDSKpauAbBvP11msq9X58c8Que2l1Dwq3vdJMgiZlQSbEXGaY5esVHGBNbCxKLVNqZW1保存......
  • Media Query 在 CSS 中使用的一个具体例子
    在CSS中,MediaQuery是一种用于指定不同屏幕尺寸和设备类型的样式表的技术。如下图所示:alland(max-width:360px)是一个MediaQuery表达式,它指定了一个条件,只有在......
  • Stanford CS 144, Lab 0: networking warmup 实验
    StanfordCS144,Lab0:networkingwarmupFinishStanfordCS144lab0andpassthetest.2023/03/29-01:45目录StanfordCS144,Lab0:networkingwarmup2Ne......
  • THFuse: An infrared and visible image fusion network using transformer and hybri
    THFuse:Aninfraredandvisibleimagefusionnetworkusingtransformerandhybridfeatureextractor一种基于Transformer和混合特征提取器的红外与可见光图像融合网......
  • VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was fo
    原因:VIDEOJS:ERROR:(CODE:4MEDIA_ERR_SRC_NOT_SUPPORTED)Nocompatiblesourcewasfound出现的原因是你提供的视频连接可能没有扩展名导致,这样videojs无法知道视频......
  • CSS3 Media Query 响应式媒体查询
    在CSS中,有一个极其实用的功能:@media响应式布局。具体来说,就是可以根据客户端的介质和屏幕大小,提供不同的样式表或者只展示样式表中的一部分。通过响应式布局,可以达到只使用......
  • Qt音视频开发30-qmedia内核qt4方案phonon播放(支持视频流)
    一、前言在Qt4中如果需要播放视频,一般用phonon多媒体框架,这应该就是Qt5/Qt6中多媒体框架的前身(查阅qmultimedia模块的相关代码可以发现架构几乎雷同,除了部分命名变了以外),p......
  • Understanding plasticity in neural networks
    郑重声明:原文参见标题,如有侵权,请联系作者,将会撤销发布! Arxiv 2023 Abstract可塑性是神经网络根据新信息快速改变预测的能力,对于深度强化学习系统的适应性和鲁......