VideoJS - 歌剧和 Chrome | Seekbar总是从零开始

Question

当我点击搜索栏时，视频总是从零重新开始。我在这个网站 [1] 上看到了类似的 post，并尝试了一些建议，但似乎没有任何效果。

不确定为什么在 Chrome 和 Opera（相同的二进制文件）上 VideoJS 搜索栏不起作用。也许这与标签有关，因为即使对于其他玩家，搜索栏也不起作用 (mediaelementjs.com)

在 Firefox 上，它工作正常。非常感谢。

视频 URL（任意）：http://www.fempton.com/main32/inspire2/stories

<link href="https://vjs.zencdn.net/7.6.6/video-js.css" rel="stylesheet" /> 
<script src="https://vjs.zencdn.net/7.6.6/video.js"></script>


<div class="ccontainer" > <div class="ccontent"   >
 <div class="ccontent-overlay" ></div>
 <video
    id="fplayer1"
    class="video-js vjs-default-skin vjs-16-9"
    controls
    preload="none"
    poster="video/inspire/poster/addiction-opioid03.jpg" 
    data-setup='{"fluid": true}'>
    <source src="video/inspire/addiction_opioid-withdrawal.mp4"></source>
 </video>   
 <div class="content-details fadeIn-top" >
 <h3>Addiction</h3> <p style="font-size:14px;">How addiction works...</p>   
 </div>  
 </div> 
</div>

[1] Seekbar of the video is not working with chrome by using the videojs plugin

Answer 1

这是因为您的服务器不支持这些浏览器需要查找的字节范围 header。这些视频根本无法在 Safari 中播放，Safari 对媒体请求的支持范围 header 更为严格。

VideoJS - 歌剧和 Chrome | Seekbar总是从零开始

VideoJS - Opera & Chrome | Seekbar always restart from zero

javascript

video.js