Android上的Chrome中的Videojs不显示海报 [英] Videojs in Chrome on Android doesn't show poster

问题描述

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

I have a video on this page: https://job.id/2044/telemarketing-executive-kota-bekasi

在所有设备上&浏览器工作正常，但Android上的Google Chrome浏览器除外.海报图像不显示.有什么建议可以使海报图像显示吗?

On all devices & browsers it works fine except Google Chrome on Android. The poster image does not show. Any suggestion how to get poster image to show?

在Android上使用Chrome浏览器查看了videojs

Videojs viewed using Chrome on Android

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

Videojs viewed using other browser on Android

视频嵌入为:

<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>

推荐答案

出现了同样的问题.在Chrome中，海报会闪烁一秒钟，然后消失.通过将preload设置为false来修复它:preload="false"

Had the same issue. In Chrome the poster would flash for a split second and then disappear. Fixed it by setting preload to false: preload="false"

这篇关于Android上的Chrome中的Videojs不显示海报的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！