0

Une fonctionnalité que j'essaie de mettre en œuvre dans mon application rails est la capacité pour les utilisateurs de contrôler les vidéos YouTube intégrés. J'utilise l'api du lecteur YouTube (directives ici: https://developers.google.com/youtube/iframe_api_reference).avoir des problèmes avec youtube lecteur api

Dans les lignes directrices, il crée toujours un nouveau joueur YT:

// 3. This function creates an <iframe> (and YouTube player) 
    // after the API code downloads. 
    var player; 
    function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: 'M7lc1UVf-VE', 
     events: { 
     'onReady': onPlayerReady, 
     'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 

Ma question est de savoir comment puis-je lire une vidéo sur youtube déjà intégré avec un bouton extérieur « jouer ». L'erreur est sur la ligne player = new YT.Player. Je ne veux pas faire un nouveau joueur, juste contrôler la vidéo déjà intégrée.

var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('video', { 
     events: { 
     'onReady': onPlayerReady 
     } 
    }); 
} 

function onPlayerReady(event){ 
    event.target.playVideo(); 
    document.id("start").click(function() { 
     player.playVideo(); 
    });  

    } 
var tag = document.createElement('script'); 
tag.src = "//www.youtube.com/player_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

mon iframe:
<iframe title="YouTube video player" id="video" width="540" height="290" src="http://www.youtube.com/embed/#{ youtube_id }?rel=0&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

vue d'en-tête avec bouton de lecture:

<div id="start"> 
    <%= image_tag("playback_play.png") %> 
</div> 

(rails app)

si vous avez besoin plus de code, laissez-moi savoir, merci pour l'aide!

+0

Essayez ceci dans votre code tag