Correct syntax for picture in picture and fullscreen elements

From	The Natural Philosopher <tnp@invalid.invalid>
Newsgroups	comp.lang.javascript
Subject	Correct syntax for picture in picture and fullscreen elements
Date	2021-04-25 09:09 +0100
Organization	A little, after lunch
Message-ID	<s6383u$3da$1@dont-email.me> (permalink)

Show all headers | View raw

My quest to build a web based media centre has run into another snag.
Tvheadend, bless its little cotton socks, will only reliably stream 
webm-vp8-vorbis live TV streams and only chromium - which fails on other 
counts - will display these anything like correctly, and MAC based 
platforms wont display them at all.

Firefox on Linux or Windows displays them but cannot handle the 
non-square pixels.

The fix so far has been to use CSS to 'auto-fill' a video element of the 
correct dimensions and aspect ratio.

This works for an HTML <video>  window, but not for full screen where 
the screen aspect ratio doesn't match the required aspect ratio of the 
incoming video stream, nor for picture-in-picture. For reference, full 
screen seems to respect the auto-fill

I can't even see a way to fix full screen, but if I knew how to specify 
the DOM element of picture-in-picture I should be able to fix that.

Note that this may be pure CSS syntax and not really involve JavaScript 
at all, but I still need a way to make JavaScript do that, as I want to 
implement a (4:3-16:9) button to do what the software itself cannot do.

So, what is the correct syntax to set properties in

(a) picture-in-picture
(b) a fullscreen *video*


-- 
Those who want slavery should have the grace to name it by its proper 
name. They must face the full meaning of that which they are advocating 
or condoning; the full, exact, specific meaning of collectivism, of its 
logical implications, of the principles upon which it is based, and of 
the ultimate consequences to which these principles will lead. They must 
face it, then decide whether this is what they want or not.

Ayn Rand.

Back to comp.lang.javascript | Previous | Next | Find similar | Unroll thread

Thread

Correct syntax for picture in picture and fullscreen elements The Natural Philosopher <tnp@invalid.invalid> - 2021-04-25 09:09 +0100

csiph-web