javascript - descargar - jquery 1.9 1 min js
El plugin de Jquery TubePlayer no funciona como se desea (1)
TubePlayer es un complemento de jQuery que implementa YouTube Player API y nos permite crear nuestros propios controles y componentes para videos de YouTube. El sitio web de TubePlayer proporciona consejos sobre cómo empezar a usarlo .
Sin embargo, esto no funciona para mí. Esta página en su sitio muestra una guía de inicio rápido. Seguí exactamente lo que especificaba pero no funciona.
El video funciona bien, pero de alguna manera los enlaces para controlar el video no funcionan.
¿Hay algo mal con el código? Si quieres probarlo, aquí está el código:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script src="http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js"></script>
<script>
$(function(){
jQuery("#youtube-player-container").tubeplayer({
width: 600, // the width of the player
height: 450, // the height of the player
allowFullScreen: "true", // true by default, allow user to go full screen
initialVideo: "ylLzyHk54Z0", // the video that is loaded into the player
preferredQuality: "default",// preferred quality: default, small, medium, large, hd720
onPlay: function(id){}, // after the play method is called
onPause: function(){}, // after the pause method is called
onStop: function(){}, // after the player is stopped
onSeek: function(time){}, // after the video has been seeked to a defined point
onMute: function(){}, // after the player is muted
onUnMute: function(){} // after the player is unmuted
});
}) ;
</script>
</head>
<body>
<a href="#" onClick=''jQuery("#youtube-player-container").tubeplayer("play")''>
Play
</a>
<a href="#" onClick=''jQuery("#youtube-player-container").tubeplayer("pause")''>
Pause
</a>
<a href="#" onClick=''jQuery("#youtube-player-container").tubeplayer("stop")''>
Stop
</a>
<a href="#" onClick=''jQuery("#youtube-player-container").tubeplayer("mute")''>
Mute
</a>
<a href="#" onClick=''jQuery("#youtube-player-container").tubeplayer("unmute")''>
Unmute
</a>
<div id=''youtube-player-container''> </div>
</body>
</html>
Puede alguien ayudarme por favor. Gracias.
Perdón por la pregunta anterior, mi mal. Descubrí el problema, lo noté en la página de documentación de la API. Como se indica en la documentación , debemos estar en un servidor web con el script de prueba. Ni idea, cómo me perdí esa sección. Necesita concentrarse más a menudo mientras lee en el futuro.
Cito la misma página de documentación:
"Cualquier página HTML que contenga el reproductor de YouTube debe implementar una función de JavaScript llamada en YouTubePlayerReady. La API llamará a esta función cuando el reproductor esté completamente cargado y la API esté lista para recibir llamadas.
Nota: Para probar cualquiera de estas llamadas, debe tener su archivo ejecutándose en un servidor web, ya que el reproductor Flash restringe las llamadas entre archivos locales e Internet. "
El código anterior funciona bien. Gracias.