web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-21 01:39:04 +02:00
Code Releases Activity

update metadata on enter pip event

Browse Source
This commit is contained in:
wseymour15 2024-02-15 09:56:07 -06:00
parent 269c255419
commit 79ce6f62d8
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/js/player.js
View File

@ -3200,10 +3200,13 @@ class Player extends Component {
}
pipContainer.appendChild(Dom.createEl('p', { className: 'vjs-pip-text' }, {}, this.localize('Playing in picture-in-picture')));
const pipWidth = this.videoWidth();
const pipHeight = this.videoHeight();
return window.documentPictureInPicture.requestWindow({
// The aspect ratio won't be correct, Chrome bug https://crbug.com/1407629
width: this.videoWidth(),
height: this.videoHeight()
width: pipWidth,
height: pipHeight
}).then(pipWindow => {
Dom.copyStyleSheetsToWindow(pipWindow);
this.el_.parentNode.insertBefore(pipContainer, this.el_);
@ -3212,7 +3215,7 @@ class Player extends Component {
pipWindow.document.body.classList.add('vjs-pip-window');
this.player_.isInPictureInPicture(true);
this.player_.trigger('enterpictureinpicture');
this.player_.trigger({type: 'enterpictureinpicture', width: pipWidth, height: pipHeight});
// Listen for the PiP closing event to move the video back.
pipWindow.addEventListener('pagehide', (event) => {