Чтобы реализовать загрузку видео с YouTube или с локальной папки на веб-сайте, вам потребуется использовать JavaScript.
Для загрузки видео с YouTube вы можете воспользоваться YouTube API. Прежде всего, вам нужно получить API-ключ, который вы можете сделать на странице разработчика Google. Затем, подключите библиотеку YouTube IFrame API к вашему веб-сайту:
<script src="https://www.youtube.com/iframe_api"></script>
После этого, вы можете создать контейнер для видео на вашей странице:
<div id="player"></div>
Затем в JavaScript можно создать и настроить YouTube плеер:
// Функция, которая будет вызываться после загрузки API
function onYouTubeIframeAPIReady() {
// Создание плеера
var player = new YT.Player('player', {
// ID видео, которое нужно загрузить
videoId: 'VIDEO_ID',
// Опции плеера
playerVars: {
autoplay: 1, // Автоматическое проигрывание видео
},
// Обработчики событий плеера
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// Функция, которая будет вызываться после загрузки плеера
function onPlayerReady(event) {
// Действия после загрузки плеера
}
// Функция, которая будет вызываться после изменения состояния плеера
function onPlayerStateChange(event) {
// Действия при изменении состояния плеера
}
В функции onYouTubeIframeAPIReady() вы должны указать ID видео, которое вы хотите загрузить, в переменной videoId.
Теперь у вас есть YouTube плеер на вашем веб-сайте, который загружает видео с YouTube.
Чтобы загрузить видео из локальной папки на вашем веб-сайте, вы можете использовать стандартные теги <video> HTML5. Например:
<video controls> <source src="path/to/video.mp4" type="video/mp4"> <source src="path/to/video.webm" type="video/webm"> Ваш браузер не поддерживает HTML5 видео. </video>
В этом примере, src указывает путь к видеофайлу, а атрибут type указывает тип видео (в данном случае, mp4 и webm). Если браузер не поддерживает воспроизведение HTML5 видео, он будет показывать текст внутри <video> тега.
Таким образом, вы можете либо использовать YouTube API для загрузки видео с YouTube, либо использовать HTML5 теги <video> для загрузки видео с локальной папки на вашем веб-сайте. Выбор зависит от ваших конкретных требований и предпочтений.