ios video flash before playing not like android ?

[mtariqsajid]

Description

the problem is video show poster but then show black screen and then video is playing this does not happen in desktop chrome browser or in android device this only happen in ios 16 iphones

video: https://i.imgur.com/3QWwvtJ.mp4

first time it flash but next when come back it does not flash black again

Reduced test case

i updated the video so no black screen inside video every video start directly

https://codesandbox.io/s/slick-slider-video-js-3897cl

Steps to reproduce

1. load 4 videos
2. put a slider that show 1 video at a time
3. when slide next video will play just like tiktok or youtube shorts

Errors

No response

What version of Video.js are you using?

8.5.3

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

chrome ios

What OS(es) and version(s) does this occur with?

ios

[video-archivist-bot]

Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:

• for https://i.imgur.com/3QWwvtJ.mp4: say @video-archivist-bot save Zwd3rj

[welcome[bot]]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

[mtariqsajid]

Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:

• for https://i.imgur.com/3QWwvtJ.mp4: say @video-archivist-bot save Zwd3rj

@video-archivist-bot save Zwd3rj

• @video-archivist-bot save Zwd3rj

@video-archivist-bot save Zwd3rj

[video-archivist-bot]

Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:

• for https://i.imgur.com/3QWwvtJ.mp4: say @video-archivist-bot save qjrY7E

[video-archivist-bot]

OK, we've archived Zwd3rj (https://i.imgur.com/3QWwvtJ.mp4) over at https://storage.playbackproblems.mux.dev/Zwd3rj.mp4 and we'll keep it there for future reference.

[mtariqsajid]

@mister-ben can you please help ?

[mtariqsajid]

please please

anyone help me in this issue

[mister-ben]

The iOS browser handles the content load. In theory setting autoplay: 'auto' (a player option, not a source option) would prompt the browser to preload it, but iOS Safari and I presume also iOS Chrome ignore it. If you want to cover the player until something is definitely playing, you could try keeping the .vjs-poster element visible and hide it on the timeupdate event.

The third and fourth videos fade in from black so look like they load more slowly than they do.

[mtariqsajid]

The iOS browser handles the content load. In theory setting autoplay: 'auto' (a player option, not a source option) would prompt the browser to preload it, but iOS Safari and I presume also iOS Chrome ignore it. If you want to cover the player until something is definitely playing, you could try keeping the .vjs-poster element visible and hide it on the timeupdate event.

The third and fourth videos fade in from black so look like they load more slowly than they do.

can you tell me how i can keep the .vjs-poster longer which events i can you use that fire before playing video ?

[mtariqsajid]

The iOS browser handles the content load. In theory setting autoplay: 'auto' (a player option, not a source option) would prompt the browser to preload it, but iOS Safari and I presume also iOS Chrome ignore it. If you want to cover the player until something is definitely playing, you could try keeping the .vjs-poster element visible and hide it on the timeupdate event.

The third and fourth videos fade in from black so look like they load more slowly than they do.

i updated the video so no black screen inside video every video start directly

i updated the video so no black screen inside video every video start directly anyone suggestion for ios video tag ?