myetv-player 1.6.0 → 1.6.1

package/dist/myetv-player.min.js

@@ -25,7 +25,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Indietro',
  'settings_menu': 'Impostazioni',
  'loading': 'Caricamento...',
- 'encoding_in_progress': 'Encoding in corso'
+ 'encoding_in_progress': 'Encoding in corso',
+ 'restart_video': 'Torna all\'inizio'
  },
 
  'en': {
@@ -48,7 +49,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Previous',
  'settings_menu': 'Settings',
  'loading': 'Loading...',
- 'encoding_in_progress': 'Encoding in progress'
+ 'encoding_in_progress': 'Encoding in progress',
+ 'restart_video': 'Restart the video'
  },
 
  'es': {
@@ -71,7 +73,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Anterior',
  'settings_menu': 'Configuración',
  'loading': 'Cargando...',
- 'encoding_in_progress': 'Codificación en curso'
+ 'encoding_in_progress': 'Codificación en curso',
+ 'restart_video': 'Reiniciar el vídeo'
  },
 
  'fr': {
@@ -94,7 +97,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Précédent',
  'settings_menu': 'Paramètres',
  'loading': 'Chargement...',
- 'encoding_in_progress': 'Encodage en cours'
+ 'encoding_in_progress': 'Encodage en cours',
+ 'restart_video': 'Redémarrer la vidéo'
  },
 
  'de': {
@@ -117,7 +121,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Zurück',
  'settings_menu': 'Einstellungen',
  'loading': 'Laden...',
- 'encoding_in_progress': 'Kodierung läuft'
+ 'encoding_in_progress': 'Kodierung läuft',
+ 'restart_video': 'Video neu starten'
  },
 
  'pt': {
@@ -140,7 +145,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Anterior',
  'settings_menu': 'Configurações',
  'loading': 'Carregando...',
- 'encoding_in_progress': 'Codificação em andamento'
+ 'encoding_in_progress': 'Codificação em andamento',
+ 'restart_video': 'Restart video'
  },
 
  'zh': {
@@ -163,7 +169,8 @@ class VideoPlayerI18n {
  'playlist_prev': '上一个',
  'settings_menu': '设置',
  'loading': '加载中...',
- 'encoding_in_progress': '编码中'
+ 'encoding_in_progress': '编码中',
+ 'restart_video': '重新开始视频'
  },
 
  'ja': {
@@ -186,7 +193,8 @@ class VideoPlayerI18n {
  'playlist_prev': '前へ',
  'settings_menu': '設定',
  'loading': '読み込み中...',
- 'encoding_in_progress': 'エンコード中'
+ 'encoding_in_progress': 'エンコード中',
+ 'restart_video': 'ビデオを再開'
  },
 
  'ru': {
@@ -209,7 +217,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Назад',
  'settings_menu': 'Настройки',
  'loading': 'Загрузка...',
- 'encoding_in_progress': 'Кодирование'
+ 'encoding_in_progress': 'Кодирование',
+ 'restart_video': 'Перезапустить видео'
  },
 
  'ar': {
@@ -232,7 +241,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'السابق',
  'settings_menu': 'الإعدادات',
  'loading': 'جاري التحميل...',
- 'encoding_in_progress': 'الترميز جارٍ'
+ 'encoding_in_progress': 'الترميز جارٍ',
+ 'restart_video': 'إعادة تشغيل الفيديو'
  },
 
  'ko': {
@@ -255,7 +265,8 @@ class VideoPlayerI18n {
  'playlist_prev': '이전',
  'settings_menu': '설정',
  'loading': '로딩 중...',
- 'encoding_in_progress': '인코딩 진행 중'
+ 'encoding_in_progress': '인코딩 진행 중',
+ 'restart_video': 'Restart video'
  },
 
  'pl': {
@@ -278,7 +289,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Wstecz',
  'settings_menu': 'Ustawienia',
  'loading': 'Ładowanie...',
- 'encoding_in_progress': 'Kodowanie w toku'
+ 'encoding_in_progress': 'Kodowanie w toku',
+ 'restart_video': 'Restart video'
  },
 
  'hu': {
@@ -301,7 +313,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Előző',
  'settings_menu': 'Beállítások',
  'loading': 'Betöltés...',
- 'encoding_in_progress': 'Kódolás folyamatban'
+ 'encoding_in_progress': 'Kódolás folyamatban',
+ 'restart_video': 'Restart video'
  },
 
  'tr': {
@@ -324,7 +337,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Önceki',
  'settings_menu': 'Ayarlar',
  'loading': 'Yükleniyor...',
- 'encoding_in_progress': 'Kodlama devam ediyor'
+ 'encoding_in_progress': 'Kodlama devam ediyor',
+ 'restart_video': 'Restart video'
  },
 
  'nl': {
@@ -347,7 +361,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Vorige',
  'settings_menu': 'Instellingen',
  'loading': 'Laden...',
- 'encoding_in_progress': 'Codering bezig'
+ 'encoding_in_progress': 'Codering bezig',
+ 'restart_video': 'Restart video'
  },
 
  'hi': {
@@ -370,7 +385,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'पिछला',
  'settings_menu': 'सेटिंग्स',
  'loading': 'लोड हो रहा है...',
- 'encoding_in_progress': 'एन्कोडिंग प्रगति में'
+ 'encoding_in_progress': 'एन्कोडिंग प्रगति में',
+ 'restart_video': 'Restart video'
  },
 
  'sv': {
@@ -393,7 +409,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Föregående',
  'settings_menu': 'Inställningar',
  'loading': 'Laddar...',
- 'encoding_in_progress': 'Kodning pågår'
+ 'encoding_in_progress': 'Kodning pågår',
+ 'restart_video': 'Restart video'
  },
 
  'id': {
@@ -416,7 +433,8 @@ class VideoPlayerI18n {
  'playlist_prev': 'Sebelumnya',
  'settings_menu': 'Pengaturan',
  'loading': 'Memuat...',
- 'encoding_in_progress': 'Encoding sedang berlangsung'
+ 'encoding_in_progress': 'Encoding sedang berlangsung',
+ 'restart_video': 'Restart video'
  }
  };
 
@@ -531,7 +549,8 @@ try {
  'brand_logo': 'Brand logo',
  'settings_menu': 'Settings',
  'loading': 'Loading...',
- 'encoding_in_progress': 'Encoding in progress'
+ 'encoding_in_progress': 'Encoding in progress',
+ 'restart_video': 'Restart video'
  };
  return fallback[key] || key;
  },
@@ -584,6 +603,7 @@ constructor(videoElement, options = {}) {
  }
 
  this.options = {
+ playFromStartButton: false, // Enable play from start button (restart video)
  showQualitySelector: true, // Enable quality selector button
  showSpeedControl: true, // Enable speed control button
  showFullscreen: true, // Enable fullscreen button
@@ -683,6 +703,7 @@ constructor(videoElement, options = {}) {
  'played': [], // Fired when video starts playing
  'paused': [], // Fired when video is paused
  'ended': [], // Fired when video playback ends
+ 'restarted': [], // Fired when video is restarted from beginning
 
  'playing': [], // Fired when video is actually playing (after buffering)
  'waiting': [], // Fired when video is waiting for data (buffering)
@@ -1370,6 +1391,7 @@ initializeElements() {
  this.progressHandle = this.controls?.querySelector('.progress-handle');
  this.seekTooltip = this.controls?.querySelector('.seek-tooltip');
 
+ this.playFromStartBtn = this.controls?.querySelector('.play-from-start-btn');
  this.playPauseBtn = this.controls?.querySelector('.play-pause-btn');
  this.muteBtn = this.controls?.querySelector('.mute-btn');
  this.fullscreenBtn = this.controls?.querySelector('.fullscreen-btn');
@@ -1473,6 +1495,42 @@ setupMenuToggles() {
  }
 }
 
+restartVideo() {
+ if (!this.video) return this;
+
+ const previousTime = this.getCurrentTime();
+ const wasPaused = this.isPaused();
+
+ this.video.currentTime = 0;
+
+ if (typeof this.seek === 'function') {
+ this.seek(0);
+ }
+
+ if (!wasPaused) {
+
+ if (typeof this.play === 'function') {
+ this.play();
+ } else {
+ this.video.play().catch(error => {
+ if (this.options.debug) console.warn('⚠️ Restart play failed:', error);
+ });
+ }
+ }
+
+ if (this.options.debug) {
+ console.log(`🔄 Video restarted from ${this.formatTime(previousTime)} to 0:00`);
+ }
+
+ this.triggerEvent('restarted', {
+ previousTime: previousTime,
+ duration: this.getDuration(),
+ autoPlayed: !wasPaused
+ });
+
+ return this;
+}
+
 updateVolumeSliderVisual() {
  if (!this.video || !this.container) return;
 
@@ -2521,6 +2579,13 @@ addEventListener(eventType, callback) {
  bindEvents() {
  if (this.video) {
 
+ if (this.playFromStartBtn) {
+ this.playFromStartBtn.addEventListener('click', (e) => {
+ e.stopPropagation();
+ this.restartVideo();
+ });
+ }
+
  this.video.addEventListener('playing', () => {
  this.hideLoading();
  this.closeAllMenus();
@@ -3287,10 +3352,20 @@ createControls() {
 
  <div class="controls-main">
  <div class="controls-left">
- <button class="control-btn play-pause-btn" data-tooltip="play_pause">
+ ${this.options.playFromStartButton ? `
+<button class="control-btn play-from-start-btn" data-tooltip="restart_video">
+ <span class="icon restart-icon">
+ <svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor">
+ <path d="M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"/>
+ </svg>
+ </span>
+</button>
+` : ''}
+
+<button class="control-btn play-pause-btn" data-tooltip="play_pause">
  <span class="icon play-icon"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M8 5v14l11-7z"/></svg></span>
  <span class="icon pause-icon hidden"><svg viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M6 4h4v16H6zm8 0h4v16h-4z"/></svg></span>
- </button>
+</button>
 
  <button class="control-btn mute-btn" data-tooltip="mute_unmute">
  <span class="icon volume-icon"><svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303z"/><path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89z"/><path d="M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8M7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 7 12z"/></svg></span>
@@ -3306,7 +3381,7 @@ createControls() {
  <span>/</span>
  <span class="duration">0:00</span>
  </div>
- </div>
+</div>
 
  <div class="controls-right">
 <button class="control-btn playlist-prev-btn" data-tooltip="prevvideo" style="display: none;">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myetv-player",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "MYETV Video Player - Modular HTML5 video player with plugin support for YouTube, Vimeo, Twitch, Facebook, Cloudflare Stream and streaming protocols (HLS/DASH)",
   "main": "dist/myetv-player.js",
   "files": [
@@ -61,3 +61,4 @@
 
 
 
+