aboutsummaryrefslogtreecommitdiff
path: root/components/watch/player/artplayer.js
diff options
context:
space:
mode:
Diffstat (limited to 'components/watch/player/artplayer.js')
-rw-r--r--components/watch/player/artplayer.js8
1 files changed, 5 insertions, 3 deletions
diff --git a/components/watch/player/artplayer.js b/components/watch/player/artplayer.js
index 4ae8aa1..666c103 100644
--- a/components/watch/player/artplayer.js
+++ b/components/watch/player/artplayer.js
@@ -46,7 +46,7 @@ export default function NewPlayer({
customType: {
m3u8: playM3u8,
},
- ...(provider === "zoro" && {
+ ...(subtitles?.length > 0 && {
subtitle: {
url: `${defSub}`,
// type: "vtt",
@@ -131,7 +131,7 @@ export default function NewPlayer({
return item.html;
},
},
- provider === "zoro" && {
+ subtitles?.length > 0 && {
html: "Subtitles",
icon: '<svg xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.413-.588T2 18V6q0-.825.588-1.413T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.588 1.413T20 20H4Zm2-4h8v-2H6v2Zm10 0h2v-2h-2v2ZM6 12h2v-2H6v2Zm4 0h8v-2h-8v2Z"></path></svg>',
width: 300,
@@ -261,7 +261,7 @@ export default function NewPlayer({
index: 11,
position: "right",
tooltip: "Theater (t)",
- html: '<p class="theater"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 20 20"><path fill="currentColor" d="M19 3H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 12H2V5h16v10z"></path></svg></p>',
+ html: '<i class="theater"><svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewBox="0 0 20 20"><path fill="currentColor" d="M19 3H1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 12H2V5h16v10z"></path></svg></i>',
click: function (...args) {
setPlayerState((prev) => ({
...prev,
@@ -379,6 +379,8 @@ export default function NewPlayer({
art.destroy(false);
}
};
+
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
return <div ref={artRef} {...rest}></div>;