Как поставить jquery событие на включение youtube видео?
Как поставить jquery событие на включение youtube видео?
2 ответа
от
catherine_wintheiser ,
год назад
@ludie
Чтобы поставить событие на включение YouTube видео с использованием jQuery, вы можете использовать YouTube API и следующий код:
- Вставьте этот код в тег <head> вашего документа HTML:
1
|
<script src="https://www.youtube.com/iframe_api"></script> |
- Добавьте элемент, который будет содержать видео:
1
|
<div id="player"></div> |
- Напишите код, который будет управлять видео. Например, чтобы запустить видео, когда пользователь нажимает на кнопку, используйте следующий код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<script>
// Задаём глобальную переменную для хранения объекта плеера
var player;
// Функция для создания плеера YouTube
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: 'VIDEO_ID_HERE',
events: {
'onReady': onPlayerReady
}
});
}
// Функция, которая будет вызываться после того, как плеер будет готов к воспроизведению видео
function onPlayerReady(event) {
// Событие для запуска видео по клику на кнопку
$('#play-button').click(function() {
player.playVideo();
});
}
</script>
|
- Замените 'VIDEO_ID_HERE' на идентификатор видео YouTube.
- Добавьте кнопку, которая будет запускать видео:
1
|
<button id="play-button">Play Video</button> |
- Готово! Теперь при нажатии на кнопку видео начнёт воспроизводиться.
15