解决videojs在ios端视频无法播放的问题

fangcaojushi2025-02-21 9:50

解决videojs在ios端视频无法播放的问题

问题描述：
问题原因
- 116为本地环境，为无缓存
- 37为测试服务器
解决方法

问题描述：

在做多端嵌入的H5页面时，通过videojs插件做视频的播放，发现在web网页，andriod的app端，以及本地的服务器浏览直播都是没有问题的，只有ios发到线上时，页面加载第一次成功再次刷新页面视频一直处于缓冲状态，导致ios无法正常播放视频

问题原因

ios本身video插件做了缓存机制，本地服务无缓存，服务器端做了缓存，所有两个缓存导致ios端在加载video时出现了两次的嵌套

116为本地环境，为无缓存

37为测试服务器

解决方法

javascript 复制代码

  <!-- 视频 -->
<div class="video_box" id="media">
<video id="video"
	class="video-js vjs-default-skin"
	poster="images/bgvideo.png"
	x5-video-player-type="h5-page"
	x5-video-player-fullscreen="false"
	x-webkit-airplay="true"
	playsinline
	webkit-playsinline="true"
	controls
	language="cn"
	preload="none"
	x5-video-orientation="landscape|portrait"
>
  // data-setup="{}"这个要注掉
<!-- <source /> -->
</video>
<div id="covervideo"></div>
<span class="no_live"><div class="mask"></div><p data-lang="liveExpect" id="liveExpect"></p><p data-lang="liveEnd" id="liveEnd"></p></span>
<!--显示弹幕-->
<!-- <p style="font-size: xx-large;height: 48px" id="mediaTitle">&nbsp;</p> -->
<!-- <div id="danmu" class="flying" style="pointer-events:none;"></div> -->
</div>