Hola, como bien indica en el título del post, me gustaría saber si alguno de vosotros, sabe como crear sus propios botones y así generar un controlador sobre un iframe/embed con vídeos de Youtube.
No quiero usar el mismo controller de Youtube (el que incluye el video), ya que estamos conectando un móvil y un televisor (es para una APP de Smart TV) y necesitamos que el móvil haga de mando a distancia.
No me sirve el <video>, ya que los vídeos no los tengo en el ordenador, la gracia es poder reproducirlos sin tenerlos.
He probado 80 mil cosas y no hay manera. Estoy usando la API de youtube v3.
Os facilito el código del reproductor que estoy usando.
App.YTPlayer = function (event) {
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
console.log(firstScriptTag);
var player = document.getElementById("player");
window.onYouTubeIframeAPIReady = function (event) {
player = new YT.Player('player', {
height: '340',
width: '800',
videoId: 'aPQNENdD5Ew',
playerVars: {
'controls': '0',
'showinfo' : '0'
},
events: {
'onReady': onPlayerReady,
}
});
}
player.addEventListener("onStateChange", "onytplayerStateChange");
function onPlayerReady(event) {
event.target.playVideo();
//player.loadVideoById("bHQqvYy5KYo");
}
function swapVideo(videoId) {
var videoId = "bHQqvYy5KYo";
player.loadVideoById(videoId);
}
function stopVideo() {
player.stopVideo();
}
};
Me gustaría poder llamar a las funciones OnPlayerReady, swapVideo y stopVideo, desde cualquier lugar del código, el problema es que no consigo que funcionen fuera de la función que las incluye.
Espero que alguien pueda ayudarme.