Показать сообщение отдельно
  #2 (permalink)  
Старый 14.12.2017, 00:28
Новичок на форуме
Отправить личное сообщение для Cheshirka Посмотреть профиль Найти все сообщения от Cheshirka
 
Регистрация: 27.11.2017
Сообщений: 4

Нужная часть в общем вот
<div id="play">
 <iframe width="500" height="426" id="Video5" class="background-video-my" 
	 src="https://www.youtube.com/embed/JHz3pPoHDl4?rel=0&amp;showinfo=0&amp;controls=2&amp;start=2&amp;autoplay=1&amp;modestbranding=1&amp;enablejsapi=1" frameborder="0" allowfullscreen></iframe>
	</div>
	<script src="//www.youtube.com/player_api"></script>
    <script type="text/javascript">
		function onYouTubePlayerAPIReady() {
        player = new YT.Player('Video5', {
        events: {  
			     'onReady': vidplay} 
        });
        }
			
    function vidplay() {
       var video = document.getElementById("Video5");
       var button = document.getElementById("play");
	   
       if ( $("#play").hasClass("play")) {
			  button.addEventListener("click", function() {player.playVideo();});
		      button.addEventListener("click", function() {
              button.className += " pause";
              jQuery(button).removeClass('play');});
       } else {
               button.addEventListener("click", function() {player.pauseVideo();});
               button.addEventListener("click", function() {
				   button.className += " play";
                   jQuery(button).removeClass('pause');});
       }
    }

</script>
Ответить с цитированием