myetv-player 1.6.0 → 1.6.2

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)
@@ -1188,7 +1209,7 @@ createPlayerStructure() {
 createInitialLoading() {
  const initialLoader = document.createElement('div');
  initialLoader.className = 'initial-loading';
- initialLoader.innerHTML = '<div class="loading-spinner"></div>';
+ initialLoader.innerHTML = '<div class="loading-spinner"></div><div class="loading-text"></div>';
  this.container.appendChild(initialLoader);
  this.initialLoading = initialLoader;
 }
@@ -1201,7 +1222,7 @@ createLoadingOverlay() {
  const overlay = document.createElement('div');
  overlay.className = 'loading-overlay';
  overlay.id = 'loadingOverlay-' + this.getUniqueId();
- overlay.innerHTML = '<div class="loading-spinner"></div>';
+ overlay.innerHTML = '<div class="loading-spinner"></div><div class="loading-text"></div>';
  this.container.appendChild(overlay);
  this.loadingOverlay = overlay;
 }
@@ -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;
 
@@ -1743,6 +1801,17 @@ updateProgress() {
  }
 }
 
+updateLoadingText(text) {
+ if (this.initialLoading) {
+ const textEl = this.initialLoading.querySelector('.loading-text');
+ if (textEl) textEl.textContent = text;
+ }
+ if (this.loadingOverlay) {
+ const textEl = this.loadingOverlay.querySelector('.loading-text');
+ if (textEl) textEl.textContent = text;
+ }
+}
+
 updateBuffer() {
  if (!this.video || !this.progressBuffer) return;
 
@@ -2521,6 +2590,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 +3363,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 +3392,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;">
@@ -7440,7 +7526,6 @@ skipTime(seconds) {
 }
 
 updateTimeDisplay() {
-
  if (this.currentTimeEl && this.video) {
  this.currentTimeEl.textContent = this.formatTime(this.video.currentTime || 0);
  }
@@ -7451,25 +7536,45 @@ updateTimeDisplay() {
  const currentTime = this.video.currentTime;
  const networkState = this.video.networkState;
 
- const isInitialBuffering = (readyState < 2 && currentTime === 0) ||
- (currentTime === 0 && (!duration || duration === 0) && networkState === 2);
+ const isInitialBuffering = (readyState < 2 && currentTime === 0) || (currentTime === 0 && !duration) || (duration === 0 && networkState === 2);
 
  const isDurationInvalid = !duration || isNaN(duration) || !isFinite(duration);
 
+ const t = (key) => {
+ if (this.isI18nAvailable()) {
+ try {
+ return VideoPlayerTranslations.t(key);
+ } catch (error) {
+ return key;
+ }
+ }
+ const fallback = {
+ 'loading': 'Loading...',
+ 'encodinginprogress': 'Encoding in progress...'
+ };
+ return fallback[key] || key;
+ };
+
  if (isInitialBuffering) {
 
- this.durationEl.textContent = t('loading');
+ this.updateLoadingText(t('loading'));
+ this.durationEl.textContent = this.formatTime(0); // Just show 00:00 or empty
  this.durationEl.classList.remove('encoding-state');
  this.durationEl.classList.add('loading-state');
  } else if (isDurationInvalid) {
 
- this.durationEl.textContent = t('encoding_in_progress');
+ this.updateLoadingText(t('encodinginprogress'));
+
+ this.durationEl.textContent = "--:--";
+
  this.durationEl.classList.remove('loading-state');
  this.durationEl.classList.add('encoding-state');
  } else {
 
  this.durationEl.textContent = this.formatTime(duration);
  this.durationEl.classList.remove('encoding-state', 'loading-state');
+
+ this.updateLoadingText('');
  }
  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myetv-player",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "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,5 @@
 
 
 
+
+