Add PiP button

This commit is contained in:
Korbs 2024-11-02 21:07:48 -04:00
parent 97f12e6a7a
commit 531de5b849

View file

@ -13,7 +13,8 @@ import {
ForwardSolid, ForwardSolid,
PlaySolid, PlaySolid,
Refresh, Refresh,
SoundHighSolid SoundHighSolid,
MultiWindow
} from "@iconoir/vue" } from "@iconoir/vue"
--- ---
@ -55,12 +56,14 @@ import {
} }
</div> </div>
<div class="vc-end"> <div class="vc-end">
<slot/>
{Live ? {Live ?
<span id="live-text" style="pointer-events: none;border-radius: 3rem;padding: 6px 12px;background: #933c3c;letter-spacing: 4px;">Live</span> <span id="live-text" style="pointer-events: none;border-radius: 3rem;padding: 6px 12px;background: #933c3c;letter-spacing: 4px;">Live</span>
: :
null null
} }
<slot/>
<!-- The requestPictureInPicture() function is not supported in Firefox -->
<button id="vc-pip" onclick="Player.requestPictureInPicture()"><MultiWindow/></button>
<button id="vc-fullscreen"><Enlarge /></button> <button id="vc-fullscreen"><Enlarge /></button>
</div> </div>
</div> </div>