video.js
video.js copied to clipboard
ios video flash before playing not like android ?
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
- load 4 videos
- put a slider that show 1 video at a time
- 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
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
👋 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.
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
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
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.
@mister-ben can you please help ?
please please
anyone help me in this issue
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.
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 thetimeupdate
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 ?
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 thetimeupdate
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 ?