@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>
|
- Готово! Теперь при нажатии на кнопку видео начнёт воспроизводиться.