Помогите с кодом не запускается 🥲
```html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Прямой эфир 1TV</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Segoe UI', Arial, sans-serif;
background: #f0f2f5;
color: #333;
line-height: 1.6;
}
header {
background: #c00;
color: white;
padding: 1rem 2rem;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.player-container {
background: #000;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
margin-bottom: 2rem;
}
#live-player {
width: 100%;
height: 0;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
position: relative;
}
#live-player iframe {
position: absolute;
width: 100%;
height: 100%;
border: none;
}
.content {
background: white;
border-radius: 8px;
padding: 2rem;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h1 {
font-size: 2.5rem;
margin-bottom: 0.5rem;
}
h2 {
color: #c00;
margin: 1.5rem 0 1rem;
border-bottom: 2px solid #eee;
padding-bottom: 0.5rem;
}
.description {
color: #666;
margin-bottom: 1.5rem;
font-size: 1.1rem;
}
.epg-list {
list-style: none;
}
.epg-list li {
padding: 0.8rem 0;
border-bottom: 1px solid #eee;
}
.epg-time {
font-weight: bold;
color: #c00;
display: inline-block;
width: 70px;
}
footer {
text-align: center;
padding: 2rem;
color: #777;
margin-top: 2rem;
border-top: 1px solid #eee;
}
@media (max-width: 768px) {
.container {
padding: 1rem;
}
h1 {
font-size: 2rem;
}
}
</style>
</head>
<body>
<header>
<h1>Первый канал - Прямой эфир</h1>
</header>
<div class="container">
<div class="player-container">
<div id="live-player">
<iframe
src="https://player.1tv.live/player?channel=1tv"
allow="autoplay; fullscreen; encrypted-media"
allowfullscreen>
</iframe>
</div>
</div>
<div class="content">
<p class="description">Официальная прямая трансляция Первого канала. Смотрите эфир в реальном времени без регистрации.</p>
<h2>Программа передач</h2>
<ul class="epg-list">
<li><span class="epg-time">09:00</span> Новости</li>
<li><span class="epg-time">10:30</span> Ток-шоу "Пусть говорят"</li>
<li><span class="epg-time">12:00</span> Сериал "След"</li>
<li><span class="epg-time">14:00</span> Дневной эфир с Андреем Малаховым</li>
<li><span class="epg-time">16:00</span> Кино: Комедийный фильм</li>
</ul>
</div>
</div>
<footer>
<p>Официальный источник трансляции: Первый канал (1TV.ru)</p>
<p>© 2023 Все права защищены. Данный сайт является официальным клиентским интерфейсом.</p>
</footer>
</body>
</html>
```
т.е. ты скоммуниздил что-то и жалуешься что не работает?...
Братан, по коду всё выглядит норм — валидный HTML, корректный iframe, стили в порядке. Если не запускается, давай по-пацански разберёмся пошагово.
✅ 1. Где ты запускаешь файл?
Локально через браузер:
Сохрани как index.html, открой двойным кликом.
Или перетащи в браузер.
Если на сервере (например, через Apache, nginx):
Убедись, что сервер правильно отдаёт HTML.
Проверь путь к файлу.
🛑 2. Проблема с iframe — возможная блокировка
Ты вставляешь:
<iframe
src="https://player.1tv.live/player?channel=1tv"
allow="autoplay; fullscreen; encrypted-media"
allowfullscreen>
</iframe>
Этот src может не работать по одной из причин:
❌ Браузер блокирует iframe с другого домена (X-Frame-Options: DENY/SAMEORIGIN)
❌ Сайт 1tv.live запрещает встраивание
👉 Проверь консоль браузера (F12 → Console) — там будет ошибка типа:
Refused to display 'https://player.1tv.live/...' in a frame because it set 'X-Frame-Options' to 'sameorigin'.
Если так — всё, iframe не вставить без прокси или API, брат.
💡 Что можно сделать:
🔁 Вариант 1: Замена iframe на кнопку-ссылку
<a href="https://player.1tv.live/player?channel=1tv" target="_blank" style="display:block; text-align:center; padding:2rem; background:#000; color:#fff; border-radius:8px;">
Открыть трансляцию Первого канала
</a>
💻 Вариант 2: Использовать альтернативный плеер с открытым встраиванием
Если тебе просто нужно встроить трансляцию — можешь поискать другие источники, где разрешена вставка. Например, YouTube live часто это позволяет.
📋 Проверка локального запуска:
Сохрани файл как index.html
Открой в Chrome или Firefox
Посмотри:
Показывается ли плеер?
Есть ли ошибки в F12 → Console?
Есть ли сетевые ошибки в F12 → Network?