Correct syntax for picture in picture and fullscreen elements

Path	csiph.com!eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail
From	The Natural Philosopher <tnp@invalid.invalid>
Newsgroups	comp.lang.javascript
Subject	Correct syntax for picture in picture and fullscreen elements
Date	Sun, 25 Apr 2021 09:09:33 +0100
Organization	A little, after lunch
Lines	39
Message-ID	<s6383u$3da$1@dont-email.me> (permalink)
Mime-Version	1.0
Content-Type	text/plain; charset=utf-8; format=flowed
Content-Transfer-Encoding	7bit
Injection-Date	Sun, 25 Apr 2021 08:09:34 -0000 (UTC)
Injection-Info	reader02.eternal-september.org; posting-host="0fcedeeb41ff3a2bcde36723198fb1c3"; logging-data="3498"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX1+jZ40qOwZBqNsDLJ1Bd2kyiThGKYhTBRc="
User-Agent	Mozilla/5.0 (X11; Linux x86_64; rv:60.0) Gecko/20100101 Thunderbird/60.6.1
Cancel-Lock	sha1:bzs+hqWW5B2C5j7ENti0hWPQBG4=
Content-Language	en-GB
X-Mozilla-News-Host	news://news.eternal-september.org:119
Xref	csiph.com comp.lang.javascript:40015

Show key headers only | 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