body { margin: 0; padding: 20px; background: #f5f5f5; font-family: Arial, sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; } .player-wrapper { width: 100%; max-width: 800px; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); background: #fff; } .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 соотношение */ height: 0; background: #000; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .controls { padding: 12px; background: #f9f9f9; display: flex; align-items: center; gap: 10px; } .btn { padding: 8px 15px; background: #ee8208; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; } .btn:hover { background: #d67307; } .title { flex-grow: 1; font-weight: bold; color: #333; } .error { color: #d32f2f; padding: 15px; text-align: center; display: none; } Пауза Europa Plus TV На весь экран Ошибка загрузки плеера. Открыть на OK.ru const player = document.getElementById('okPlayer'); const playBtn = document.getElementById('playBtn'); const fullscreenBtn = document.getElementById('fullscreenBtn'); const errorMsg = document.getElementById('errorMsg'); let isPlaying = true; // Проверка загрузки setTimeout(() => { if (!player.contentDocument || player.contentDocument.URL === 'about:blank') { errorMsg.style.display = 'block'; } }, 3000); // Управление воспроизведением playBtn.addEventListener('click', () => { try { const iframeDoc = player.contentDocument || player.contentWindow.document; const video = iframeDoc.querySelector('video'); if (video) { if (video.paused) { video.play(); playBtn.textContent = 'Пауза'; isPlaying = true; } else { video.pause(); playBtn.textContent = 'Играть'; isPlaying = false; } } } catch (e) { console.error("Ошибка управления:", e); errorMsg.style.display = 'block'; } }); // Полноэкранный режим fullscreenBtn.addEventListener('click', () => { if (player.requestFullscreen) { player.requestFullscreen(); } else if (player.webkitRequestFullscreen) { player.webkitRequestFullscreen(); } else if (player.msRequestFullscreen) { player.msRequestFullscreen(); } }); // Автозапуск для мобильных (без звука) if (/Android|iPhone|iPad/i.test(navigator.userAgent)) { player.src = "https://ok.ru/videoembed/230273326594?autoplay=1&muted=1"; }
