diff --git a/src/app/player/components/art-player/art-player.component.ts b/src/app/player/components/art-player/art-player.component.ts
index a9ac54676..a5228d319 100644
--- a/src/app/player/components/art-player/art-player.component.ts
+++ b/src/app/player/components/art-player/art-player.component.ts
@@ -1,4 +1,3 @@
-
import {
Component,
ElementRef,
@@ -12,6 +11,8 @@ import Artplayer from 'artplayer';
import Hls from 'hls.js';
import { Channel } from '../../../../../shared/channel.interface';
+Artplayer.AUTO_PLAYBACK_TIMEOUT = 10000;
+
@Component({
selector: 'app-art-player',
imports: [],
@@ -28,7 +29,7 @@ import { Channel } from '../../../../../shared/channel.interface';
height: 100%;
}
`,
- ]
+ ],
})
export class ArtPlayerComponent implements OnInit, OnDestroy, OnChanges {
@Input() channel: Channel;
@@ -62,7 +63,7 @@ export class ArtPlayerComponent implements OnInit, OnDestroy, OnChanges {
const el = this.elementRef.nativeElement.querySelector(
'.artplayer-container'
);
- const isLive = this.channel.url.toLowerCase().includes('m3u8');
+ const isLive = this.channel?.url?.toLowerCase().includes('m3u8');
this.player = new Artplayer({
container: el,
@@ -72,6 +73,7 @@ export class ArtPlayerComponent implements OnInit, OnDestroy, OnChanges {
autoplay: true,
type: this.getVideoType(this.channel.url),
pip: true,
+ autoPlayback: true,
autoSize: true,
autoMini: true,
screenshot: true,
@@ -80,6 +82,11 @@ export class ArtPlayerComponent implements OnInit, OnDestroy, OnChanges {
aspectRatio: true,
fullscreen: true,
fullscreenWeb: true,
+ playsInline: true,
+ airplay: true,
+ backdrop: true,
+ mutex: true,
+ theme: '#ff0000',
customType: {
m3u8: function (video: HTMLVideoElement, url: string) {
if (Hls.isSupported()) {
diff --git a/src/app/player/components/video-player/video-player.component.html b/src/app/player/components/video-player/video-player.component.html
index c4a60704b..078cdf910 100644
--- a/src/app/player/components/video-player/video-player.component.html
+++ b/src/app/player/components/video-player/video-player.component.html
@@ -49,14 +49,6 @@
[showCaptions]="playerSettings.showCaptions"
/>
}
-
- @if (playerSettings.player === 'dplayer') {
-
- }
@if (playerSettings.player === 'artplayer') {