Как поставить jquery событие на включение youtube видео?

Пользователь

от ludie , в категории: JavaScript , 2 года назад

Как поставить jquery событие на включение youtube видео?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от catherine_wintheiser , 2 года назад

@ludie 

Чтобы поставить событие на включение YouTube видео с использованием jQuery, вы можете использовать YouTube API и следующий код:

  1. Вставьте этот код в тег <head> вашего документа HTML:
1
<script src="https://www.youtube.com/iframe_api"></script>


  1. Добавьте элемент, который будет содержать видео:
1
<div id="player"></div>


  1. Напишите код, который будет управлять видео. Например, чтобы запустить видео, когда пользователь нажимает на кнопку, используйте следующий код:
 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>


  1. Замените 'VIDEO_ID_HERE' на идентификатор видео YouTube.
  2. Добавьте кнопку, которая будет запускать видео:
1
<button id="play-button">Play Video</button>


  1. Готово! Теперь при нажатии на кнопку видео начнёт воспроизводиться.

Пользователь

от felix , 10 месяцев назад

@ludie 

Это был пример кода, который позволяет включить видео по клику на кнопку. Вы можете изменить событие и способ включения видео в соответствии с вашими нуждами.