Сайт для просмотра фильмов.
- 2
- 0
- Опубликовано: 2024-02-12
Этот код создает простой сайт, на котором можно смотреть фильмы онлайн. Сайт состоит из списка фильмов и плеера. Когда пользователь кликает по ссылке на фильм, плеер загружает и воспроизводит этот фильм.
<!DOCTYPE html>
<html>
<head>
<title>Просмотр фильмов онлайн</title>
</head>
<body>
<h1>Просмотр фильмов онлайн</h1>
<div id="movies">
<ul>
<li><a href="movie1.html">Фильм 1</a></li>
<li><a href="movie2.html">Фильм 2</a></li>
<li><a href="movie3.html">Фильм 3</a></li>
</ul>
</div>
<div id="player">
<video width="640" height="480" controls>
<source src="movie1.mp4" type="video/mp4">
<source src="movie1.webm" type="video/webm">
</video>
</div>
<script>
// Получение списка фильмов
const movies = document.getElementById('movies');
const movieLinks = movies.getElementsByTagName('a');
// Получение плеера
const player = document.getElementById('player');
const video = player.getElementsByTagName('video')[0];
// Обработка кликов по ссылкам на фильмы
for (let i = 0; i < movieLinks.length; i++) {
movieLinks[i].addEventListener('click', function(e) {
e.preventDefault();
// Получение ссылки на фильм
const movieUrl = this.href;
// Загрузка фильма в плеер
video.src = movieUrl;
video.load();
video.play();
});
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Просмотр фильмов онлайн</title>
</head>
<body>
<h1>Просмотр фильмов онлайн</h1>
<div id="movies">
<ul>
<li><a href="movie1.html">Фильм 1</a></li>
<li><a href="movie2.html">Фильм 2</a></li>
<li><a href="movie3.html">Фильм 3</a></li>
</ul>
</div>
<div id="player">
<video width="640" height="480" controls>
<source src="movie1.mp4" type="video/mp4">
<source src="movie1.webm" type="video/webm">
</video>
</div>
<script>
// Получение списка фильмов
const movies = document.getElementById('movies');
const movieLinks = movies.getElementsByTagName('a');
// Получение плеера
const player = document.getElementById('player');
const video = player.getElementsByTagName('video')[0];
// Обработка кликов по ссылкам на фильмы
for (let i = 0; i < movieLinks.length; i++) {
movieLinks[i].addEventListener('click', function(e) {
e.preventDefault();
// Получение ссылки на фильм
const movieUrl = this.href;
// Загрузка фильма в плеер
video.src = movieUrl;
video.load();
video.play();
});
}
</script>
</body>
</html>
Комментариев нет
оставить комментарий могут только авторизованные пользователи
| Банальный калькулятор. | Все работы автора | Следующая работа |