Автовоспроизведение видео с YouTube с помощью jquery

Question

Я хотел сделать сайт с видеофрагментами Youtube, который начинает проигрываться при наведении курсора. Я нашел этот пост Воспроизведение видео на YouTube при наведении курсора

Этот код работает (видео начинает воспроизводиться при наведении), но не все видео работают (ссылки, кажется, не работают). То же самое происходит, когда я использую другие видео, чтобы не было битых ссылок. Я нашел сообщение, предлагающее изменить iframe на embed, и это исправило неработающие ссылки, но затем скрипт перестал работать. Мой скрипт выглядит следующим образом: https://codepen.io/EwelinaWoloszyn/pen/dybQGWe

<script>$(document).ready(function(){
      var nowPlaying = "none";

          $('div').hover(function(){
              nowPlaying = $(this).find('embed').attr('src');
                    $(this).find('embed').attr('src',nowPlaying+'&autoplay=1');
          }, function(){
              $(this).find('embed').attr('src',nowPlaying);
          });
});

Что я должен изменить, чтобы он работал?

Большое спасибо заранее, Неко

Answer 1

Не дай Бог использовать W3Schools, но элементы video в HTML5 имеют функцию play() в JavaScript

Документация: https://www.w3schools.com/tags/av_met_play.asp

Ваш код:

      $('div').hover(() => {
                $(this).find('embed').play();
      });