YouTube lista de reproducción donde quieras

Instalación

Incluya tanto el ytv.css y ytv.js en su archivo HTML.
<link href="src/ytv.css" type="text/css" rel="stylesheet" />
<script src="src/ytv.js" type="text/javascript"></script>


Uso

Después de que su página se ha cargado, puede llamar a la secuencia de comandos de esta forma:
var controller = new YTV(element, {
    user: 'YoutubeUsername'
});

YTV acepta dos parámetros. La primera es una cadena del identificador de elemento que desee utilizar como reproductor, o puede que el propio elemento. El segundo parámetro es un objeto de opciones se definen a continuación:

Ajustes
settings = {
    element: null,
    user: null,
    playlist: '',
    fullscreen: false,
    accent: '#fff',
    controls: true,
    annotations: false,
    autoplay: false,
    chainVideos: true,
    browsePlaylists: false,
    wmode: 'opaque',
    events: {
        videoReady: function(){},
        stateChange: function(){}
    }
}

element : El elemento o elemento de identificación para solicitar la TV YouTube Player para
user : (String ) El nombre de usuario del usuario de YouTube que desea visualizar vídeos desde
playlist: (String ) El ID de lista de reproducción que desea cargar (Invalida usuario)
browsePlaylists : (booleano ) Si verdadero y el usuario especificado tiene listas de reproducción de YouTube, que será accesible en el jugador haciendo clic en el nombre de usuario a los usuarios
fullscreen : (booleano ) Si verdadero , el jugador tendrá todo el espacio disponible en la pantalla de los usuarios del navegador
accent : (String ) Una cadena de color CSS para aplicar a los acentos del jugador
controls : (booleano ) Si es falso, los controles normales de YouTube se ocultarán .
annotations : (booleano ) Si es falso, las anotaciones del vídeo de YouTube se ocultarán
autoplay : ( Boolean) Si es cierto, el primer video de la lista se reproducirá automáticamente una vez que el jugador ha cargado
chainVideos : (booleano ) Si verdadero , el siguiente video en Que empezará a reproducirse en el video actual se ha completado
wmode : (String ) Establece la propiedad Modo de la ventana de la transparencia , capas , y el posicionamiento en el navegador. Los valores pueden ser : window - película se reproduce en su propia ventana rectangular en una página web. opaque - la película oculta todo en la página detrás de él. transparent - el fondo de la página HTML muestra a través de todas las partes transparentes de la película, esto puede ralentizar la animación .
events : Los eventos respectivos dispararán cuando las acciones clave en el jugador han sido llamados


Métodos públicos

destroy

Destruye el televisor reproductor de YouTube y todos los elementos / eventos asociados

controller.destroy ();

fullscreen.state ()

Devuelve true si está en modo Pantalla completa

controller.fullscreen.state ();

fullscreen.enter ()

Entra en el modo de pantalla completa

controller.fullscreen.enter ();

fullscreen.exit ()

Sale del modo pantalla completa

controller.fullscreen.exit ();

Apoyo jQuery

YTV se puede utilizar como un plugin de jQuery de la siguiente manera:

. $ ('# frame') YTV ({}) opta;