MinPluto/Zorn
MinPluto/Zorn
1
Fork 0
Code Issues Pull requests Activity

Add Subtitles button to Controls

Browse source
This commit is contained in:
Korbs 2024-11-30 23:23:26 -05:00
parent 5689d76cfd
commit e7da0fd70e
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/Controls.astro
View file

@ -4,7 +4,9 @@ const {
Title, Title,
Live, Live,
ShowBackAndForward, ShowBackAndForward,
SeekColor = '#2185d0' SeekColor = '#2185d0',
PlayerName,
Subtitles
} = Astro.props } = Astro.props
// Functions // Functions
@ -68,7 +70,8 @@ import './Styles/Iconoir.css'
} }
<slot/> <slot/>
<!-- The requestPictureInPicture() function is not supported in Firefox --> <!-- The requestPictureInPicture() function is not supported in Firefox -->
<button id="vc-pip" onclick="Player.requestPictureInPicture()"><i class="iconoir-multiwindow"></i>/button> <button id="vc-pip" onclick={'document.querySelector("#zorn-player-' + PlayerName + ' video").requestPictureInPicture()'}><i class="iconoir-multi-window"></i></button>
{Subtitles ? <button id="vc-subtitles"><i class="iconoir-closed-captions-tag-solid"></i></button> : null}
<button id="vc-fullscreen"><i class="iconoir-enlarge"></i></button> <button id="vc-fullscreen"><i class="iconoir-enlarge"></i></button>
</div> </div>
</div> </div>