Нет PiP доступно только для .
Что вы можете сделать, это только потоковое воспроизведение в и использование PiP там.
Теперь вы можете рисовать все, что угодно хочу в этом и даже воспроизвести HTML содержание .
const target = document.getElementById('target');
const source = document.createElement('canvas');
const ctx = source.getContext('2d');
ctx.font = "50px Arial";
ctx.textAlign = "center";
ctx.textBaseline = "middle";
anim();
const stream = source.captureStream();
target.srcObject = stream;
const btn = document.getElementById('btn');
if( target.requestPictureInPicture ) {
btn.onclick = e => target.requestPictureInPicture();
}
else {
btn.disabled = true;
}
function anim() {
ctx.fillStyle = "white";
ctx.fillRect( 0, 0, source.width, source.height );
ctx.fillStyle = "black";
ctx.fillText( new Date().toTimeString().split(' ')[0], source.width / 2, source.height / 2 );
requestAnimationFrame( anim );
}
<video id="target" controls muted autoplay></video>
<button id="btn">request PiP</button>