问题
I have a video on this page: https://job.id/2044/telemarketing-executive-kota-bekasi
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?
Videojs viewed using Chrome on Android
Videojs viewed using other browser on Android
The video emdedded as:
<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>
回答1:
Try below. data-setup='{"fluid": true, "aspectRatio": "16:9"}'.
It's fixed in video.js 5.13 (per-release), but here fluid mode is collapsing the player on Android on cellular networks because Chrome overrides preload to node.
来源：https://stackoverflow.com/questions/40687518/videojs-in-chrome-on-android-doesnt-show-poster