Android版Chrome浏览器中的Videojs不显示海报

Question

我在这个页面上有一个视频： https://job.id/2044/telemarketing-executive-kota-bekasi

在所有设备和＆amp;浏览器除Android上的谷歌Chrome外，还可以正常使用。海报图片没有显示。有关如何展示海报图片的任何建议吗？

使用Android上的Chrome浏览器查看视频

使用Android上的其他浏览器查看Videojs

该视频被视为：

<video id="video-1" 
       class="vjs-tech" 
       preload="auto" 
       data-setup="{fluid: true}" 
       poster="https://d1gajg4ezrqrup.cloudfront.net/live/video/advertiser/1/6/thumbs-cce3c4bb-9b00-4af9-8cb0-07b07201886c-00001.png">
       <source src="https://d1gajg4ezrqrup.cloudfront.net/live/video/advertiser/1/6/mp4-cce3c4bb-9b00-4af9-8cb0-07b07201886c.mp4" type="video/mp4">
       <source src="https://d1gajg4ezrqrup.cloudfront.net/live/video/advertiser/1/6/hls-cce3c4bb-9b00-4af9-8cb0-07b07201886c.ts" type="video/hls">
       <source src="https://d1gajg4ezrqrup.cloudfront.net/live/video/advertiser/1/6/webm-cce3c4bb-9b00-4af9-8cb0-07b07201886c.webm" type="video/webm">
       <p class="vjs-no-js">
         blah..
       </p>
</video>

Answer 1

请尝试以下。 data-setup ='{“ fluid”：true，“ aspectRatio”：“ 16：9”}'。

在video.js 5.13（每个版本）中已修复此问题，但由于Chrome覆盖了预加载到节点的功能，因此流畅模式正在折叠蜂窝网络上Android上的播放器。

Answer 2

有同样的问题。在Chrome中，海报会闪烁一秒钟，然后消失。通过将preload设置为false来解决此问题：preload="false"