PiP not always appearing

mmmmm0fffffffff

Hello,
on some websites when I play the video I get no icon to open the PiP function.
Is there a reason? Or at least a different way to activate the PiP in a given page?
It works in Brave, so it's not a problem of their website or the player

Thank you!

pafflick

It's hard to say without seeing live examples. Perhaps the website is using the disablePictureInPicture video attribute (= disabling it on purpose)?

You might try running this code in the console, and see if it allows you to enable PiP: document.querySelector('video').removeAttribute('disablePictureInPicture');

TalGarik

@mmmmm0fffffffff Brave - like Firefox - forces PIP even on websites blocking it, you can either add a filter to uBO or use an extension like this one
https://chrome.google.com/webstore/detail/picture-in-picture-extens/hkgfoiooedgoejojocmhlaklaeopbecg

only drawback is that on Vivaldi its keyboard shortcut does not work, for the rest it works as expected, you will get PIP everywhere

abernh

The last few days I started using Vivaldi a lot as my "media" browser and this has annoyed me a lot. And I'm happy I am not the only one seeing this issue. Here are my findings.

The problem seems to be 2 fold.

(1) Invisible because of being positioned off-screen
Because of the positioning (top, center, close to the edge) it sometimes happens that on badly positioned video elements (which are larger than the viewport, happens on Netflix often) the PiP button is displayed "off screen" and therefore not visible.

This could be fixed by choosing a different position, e.g. lower right side like FF.

(2) Not rendered at all
The Vivaldi PiP button seems to be normally loaded like an extension into the screen (when it is loaded) as a <div> with a Shadowdom as last element inside <body>.

But sometimes it is simply not loaded into the DOM.

And I have no explanation for it yet. On the same window (in my case Netflix) it is sometimes loaded, and on reload it simply isn't.

My setup
Vivaldi 5.5.2805.44 (Stable channel) stable (64-bit)
Revision ed3df8b348fc7b6ee9f95e6bac8e28595034f562
OS Linux
JavaScript V8 10.6.194.26
User Agent Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
Command Line /usr/bin/vivaldi-stable --enable-crashpad --flag-switches-begin --flag-switches-end --desktop-startup-id=gnome-shell/Vivaldi/5067-1-*** --save-page-as-mhtml
Executable Path /opt/vivaldi/vivaldi
Profile Path /home/***/.config/vivaldi/Default

abernh

Addition:

@pafflick I was now able to reproduce both cases on Netflix.

(Case 1) Working (rendered) PiP on Netflix (but sometimes hidden)
If you enter a video stream via Home > Select a video > Play the PiP button is loaded (but sometimes hidden, because of the badly positioned video element; Netflix' fault;)

(Case 2) Missing (not rendered) PiP on Netflix
If you F5 / reload a video stream window the PiP button is not rendered / loaded into the DOM - ever.

abernh

If fixing the existing Vivaldi PiP is too complicated the following extension might be used as a replacement / basis for a rewrite: https://chrome.google.com/webstore/detail/picture-in-picture-pip-vi/eaeedemddlledlghhjebjgdmhjekgegd

I reviewed its source and while it is very concise, focusing on providing a generic approach it is also very well structured and written.

As the developer (https://github.com/lunu-bounir) also is sharing their extension via add0n.com they might be willing to have Vivaldi use it as well.