videojs-shaka icon indicating copy to clipboard operation
videojs-shaka copied to clipboard

fluid:true leads to blackscreen

Open JeppeTh opened this issue 3 years ago • 2 comments

I have used videojs before which works for me. I'm testing to use shaka as tech instead - but I got stuck to an issue with video not covering my entire screen. Normally fluid:true option is provided for - that but when I use that the screen gets black?

I have some vague memory I had the issues also with out-of-the-box videojs long time ago - but not sure. At least fluid:true works fine in that case for me nowadays...

I use these versions https://cdnjs.cloudflare.com/ajax/libs/shaka-player/3.2.1/shaka-player.ui.min.js https://cdn.jsdelivr.net/npm/[email protected]/dist/video.js https://www.unpkg.com/[email protected]/dist/videojs-shaka.min.js

I get the same issue on fiddler http://jsfiddle.net/h8ko26m3/

Is there some other way to make video scale to entire screen?

JeppeTh avatar Oct 23 '21 22:10 JeppeTh

@JeppeTh - I believe the video you are trying to use was taken in 4:3 ratio instead of 16:9. I would recommend to display your player in the 16:9 ratio and not use fluid to adjust to the size of the video. It is quite common to show a 4:3 video in a 16:9 sized player and have a black side section on the left and right of the video.

davidjamesherzog avatar Aug 08 '22 00:08 davidjamesherzog

My problem is rather with low res video streams where I don't want the video to be shown just in the corner.

JeppeTh avatar Aug 14 '22 13:08 JeppeTh