Как вставить плеер Okko в iframe и обойти блокировку

Многие пользователи сталкиваются с проблемой: при попытке встроить плеер Okko через iframe контент блокируется и воспроизводится только в новом окне. Это связано с политикой безопасности сайтов (X-Frame-Options) и настройками CORS. В этой статье мы разберём, почему так происходит и как правильно интегрировать плеер на свою страницу.

Почему плеер Okko не работает в iframe?

Основная причина - сервер Okko отправляет HTTP-заголовок X-Frame-Options: DENY или SAMEORIGIN. Этот заголовок запрещает отображение страницы во фреймах на других доменах. Также может влиять политика CORS (Cross-Origin Resource Sharing), которая ограничивает загрузку контента с чужого домена.

Легальный способ вставки: использование embed-кода

Okko предоставляет специальный код для встраивания, который использует embed или object вместо iframe. Найдите на странице фильма или сериала кнопку «Поделиться» или «Код для вставки». Скопируйте сгенерированный HTML-код - обычно это тег <iframe> с правильными параметрами или <div> со скриптом.

Пример корректной вставки

<iframe src='https://okko.tv/embed/12345' width='640' height='360' frameborder='0' allowfullscreen></iframe>

Обратите внимание: ссылка должна вести на поддомен okko.tv/embed/..., а не на основную страницу фильма. Если использовать обычный URL, сработает защита от фреймов.

Что делать, если embed-код всё равно блокируется?

Иногда даже официальный embed-код не работает из-за дополнительных проверок. В таком случае:

• Проверьте, не установлен ли на вашем сайте запрет фреймов через Content-Security-Policy.
• Используйте серверный прокси: создайте на своём сервере скрипт, который будет загружать контент Okko и отдавать его без заголовков X-Frame-Options. Однако этот метод может нарушать лицензионное соглашение.
• Обратитесь в поддержку Okko за партнёрским доступом - для официальных сайтов часто предоставляют специальный API без ограничений.

Альтернатива: открытие плеера в новом окне

Если легально встроить плеер не получается, используйте ссылку с атрибутом target='_blank'. Это не нарушает политику безопасности и гарантирует воспроизведение. Например:

<a href='https://okko.tv/movie/12345' target='_blank'>Смотреть на Okko</a>

Проверка настройки вашего сайта

Убедитесь, что ваш сервер не добавляет лишних заголовков. Откройте инструменты разработчика в браузере (F12), вкладка Network, найдите запрос к Okko и посмотрите заголовки ответа. Если видите X-Frame-Options: DENY, значит, встроить плеер через iframe не удастся - используйте embed-ссылку.