WP Youtube Player

Presentación

WP Youtube Player es un plugin para WordPress que facilita la publicación de vídeos de Youtube, además permite configurar las propiedades del player a utilizar. Permite mostrar correctamente los vídeos en los feeds y es compatible con iPhone e iPad.

Características

  • Publicar vídeos de youtube con una línea de código.
  • Panel de configuración para personalizar el player.
  • Soporte para seleccionar versiones del player (AS2 y AS3).
  • Soporte para utilizar tubePlayer como reproductor por defecto.
  • Tres métodos para incluir los vídeos, incluyendo <iframe>.
  • Muestra los vídeos en los feeds utilizando <object>.
  • Compatibilidad para mostrar vídeos en iPhone.

Instalación Automática

WP Youtube Player esta alojado en el directorio oficial de plugins: WP Youtube Player. Para instalar el plugin, acceder al menú Plugins y buscar wp-youtube-player y proceden a la instalación automática haciendo click en el botón Install.

Instalación Manual

Para instalar WP Youtube Player debes seguir los siguientes pasos:

  • Descarga la ultima versión de WP Youtube Player
  • Descomprime del archivo wp-youtube-player-x.y.zip
  • Copiar la carpeta: wp-youtube-player a la carpeta de plugins de WordPress, típicamente la carpeta es wp-content/plugins/
  • En el panel de administración, en la opción ‘Plugins’, activa WP Youtube Player.
  • En el panel de administración, en el opción ‘Settings’, encontrarás una nueva opción llamada WP Youtube Player para configurar las opciones del plugin

Configuración

WP Youtube Player permite configurar fácilmente el modo en que se mostrará el vídeo player.

  • Embed Method, permite elegir la forma de insertar el player. (<object>, <iframe> y SWFObject).
  • Player Version es la versión del player (AS2 es la versión antigua y AS3 es la nueva versión)
  • Player width ancho del player expresado en pixels
  • Player height alto del player expresado en pixels

Además de estos parámetros permite configurar opciones como habilitar el botón en fullscreen y bloquear las anotaciones de los usuarios en los botones.

Como Utilizar WP Youtube Player

Una vez instalado el plugin se puede utilizar el quicktag [ tube][/ tube] para incluir vídeos de youtube en el contenido de nuestros posts o en widgets de texto. Para ello puedes utilizar las siguiente formas:

Utilizando el URL del vídeo:

code
  1. [tube]http://www.youtube.com/watch?v=AFVlJAi3Cso[/tube]

Utilizando el URL para embeber el vídeo:

code
  1. [tube]http://www.youtube.com/v/AFVlJAi3Cso[/tube]

Utilizando el identificador del video:

code
  1. [tube]AFVlJAi3Cso[/tube]

Con cualquiera de estas versiones obtenemos el siguiente resultado.

Por defecto todos los vídeos toman las dimensiones del panel de configuración del plugin, si deseas incluir un vídeo con con dimensiones diferentes puedes utilizar dos parámetros adicionales.

code
  1. [tube]http://www.youtube.com/watch?v=AFVlJAi3Cso, ancho, alto[/tube]

Si deseas incluir videos de youtube en tu template puedes utilizar la función PHP wp_youtubeplayer de la siguiente forma:

php
  1. <?php wp_youtubeplayer("http://www.youtube.com/watch?v=AFVlJAi3Cso"); ?>

Mas Información

Este plugin fue escrito en base a los métodos para embeber videos de Youtube basados en la documentación oficial.

Si tienen preguntas o sugerencias pueden dejar su comentarios.

Comentarios Total 66 comentarios



[...] This post was mentioned on Twitter by Webtorio, Jim Peñaloza. Jim Peñaloza said: WP Youtube Player http://t.co/krk7Fez via @unijimpe [...]


[...] WP Youtube Player es un plugin de WordPress que te permitirá insertar videos de youtube de manera sencilla utilizando el quicktag [tube][/tube], además de ello tiene un panel de configuración para personalizar los parámetros para mostrar el reproductor. Características WP Youtube Player te facilita la publicación de vídeos en tu blog, para ello puedes:Publicar vídeos utilizando una línea de código.Configurar las dimensiones y el tipo de player a utilizar.Configurar el método para embeber el player, incluyendo mediante iframePermite configurar los parámetros del player.Genera el código necesario para compatibilidad con los Feeds.Genera el código necesario para compatibilidad con iPhone[...]

Rauto
Publicado: 03/09/2010 5:39 am

Muy interesante.
Lo voy a probar.

Rauto
Publicado: 03/09/2010 6:15 am

¿Puede ser que no funcione con campos personalizados?

Tino
Publicado: 02/11/2010 9:43 am

Hi!

I’ve found a small bug at your plugin. At line 167 of ‘wp-youtube-player.php’ the string ‘$v.’ has to be changed to ‘$wptube_text.’

Tino

unijimpe
Publicado: 02/11/2010 10:55 pm

Tine, gracias por reportar el error, he corregido el bug y ya esta disponible la nueva versión 1.3 del plugin.

antonio3407
Publicado: 04/11/2010 1:39 am

Por mas que selecciono la opción TubePlayer, no consigo que este aparezca,,, los vídeos siguen apareciendo con la carátula antigua…
¿como puedo arreglarlo?
ejemplo: http://www.adsltodo.com/2010/11/02/en-un-mes-podria-salir-el-primer-netbook-con-chrome-os/

unijimpe
Publicado: 04/11/2010 10:49 am

Hola antonio3407, el problema es que has seleccionado HTML5 como Embed Method por lo que fuerza a colocar el player como HTML5. Prueba cambiando a cualquier otra opción.

De todas formas es un error del plugin, si seleccionas tubPlayer debe mostrarlo. Voy a preparar una actualización del plugin en los siguientes dias. Gracias por tu aporte.

Niklas Olsson
Publicado: 17/11/2010 4:48 am

Hi!

I like this plugin but there is one thing I would like to add in the settings page and that is an option for the “wmode” parameter on the embed tag.

I use a javascript toolbar at the bottom on all pages and the player gets on top of the toolbar if the wmode parameter is not set to transparent.

I changed this in the code of the plugin but then I have to remember this every time I update it.

This is the code snippet:

case “object”:
….
$wptube_text.= “”;
…..

Niklas Olsson
Publicado: 17/11/2010 4:51 am

The code snippet got broken, trying again:
$wptube_text.= "";

Niklas Olsson
Publicado: 17/11/2010 4:52 am

$wptube_text.= “<embed src=\”".$wptube_path.”\” type=\”application/x-shockwave-flash\” allowfullscreen=\”true\” wmode=\”transparent\” allowScriptAccess=\”always\” width=\”".$wptube_width.”\” height=\”".$wptube_height.”\”>”;

unijimpe
Publicado: 17/11/2010 10:29 am

Hol Niklas gracias por tu observación, voy a agregar esta nueva opción en el plugin y pronto estará disponible para una actualización.

viulian
Publicado: 18/11/2010 3:04 pm

I also found a bug:

if (get_option(‘wptube_method’) != “swfobject”) {
echo “\n\n”;
}

The ‘!=’ is wrong, it should be ‘==’. Otherwise it loads the .js even if I specified other method.

unijimpe
Publicado: 20/11/2010 8:15 pm

Gracias por sus observaciones y comentarios. Ya esta lista la nueva versión (1.4) disponible para descargar. Los cambios en esta nueva versión son:

- Corregido el metodo para embeber HTML 5 que solo es soportada para el player en AS3.
- Corregido la inclusión del archivo SWFObject.
- Ahora hay un nuevo parámetro de configuración wmode.

Steven
Publicado: 27/11/2010 1:40 am

The pluging fails to work for codes with two dashes. For example, 69r9W95–F8

unijimpe
Publicado: 27/11/2010 10:41 am

Hola Steven lo he probado con el codigo que indicas, para lo cual he puesto el siguiente código.

[tube]http://www.youtube.com/watch?v=69r9W95--F8[/tube]

Esto funciona correctamente.

Bruno
Publicado: 29/01/2011 1:17 pm

Yo!

I think the “Enable default HD playback” isn’t working because I made some tests and the videos aways start at the lowest resolution, for example, videos from youtube with the option to watch in 360p and 480p, it’s run in 360p. Videos with the options, 240p, 360p, 480p and 720p, it start in 240p.

Great plugin though

tomas
Publicado: 31/01/2011 8:48 am

Hola, hemos instalado este plugin en nuestra web, y la verdad que de aspecto, sencillez y funcionalidades lo vemos estupendo… unicamente, NO FUNCIONA NI CON IPAD NI CON IPHONE… ¿Como podemos solucionar esto?

muchas gracias por resolvernos la duda

Shovan
Publicado: 04/02/2011 5:52 am

How can we use custome field such as autoplay, change thumbnail etc?

tomas
Publicado: 04/02/2011 11:22 am

Hi!
we are using this plugin in our website (www.treintayunacanciones.com) *, but still isn´t working in iPhone /iPads… but this plugingsaid this works with apple devices… How can I custome for this?

Please We need help!

* please, This is not spam, just for checking the place

Peter
Publicado: 01/03/2011 9:34 pm

great youtube plugin, easy to use

Ilene
Publicado: 03/04/2011 9:44 pm

Tomas: It does work on the iPad/iPhone, use A3 and iFrame options to make it work. See above for more detail.

petar
Publicado: 12/04/2011 7:05 pm

how i can adjust the video to appear at the center of the screen?


[...] WP Youtube Player ist ein echt schickes Plugin für WordPress – allerdings ist er sogar in der [...]

Laura
Publicado: 26/04/2011 2:17 pm

It would be great to add scrolling=”no” in the iframe declaration, to make it work right on ipad and iphone, due to a new bug:

http://groups.google.com/group/youtube-api-gdata/browse_thread/thread/861d5605093fdd7b?pli=1

Thanks! the plugin is great

Ralph
Publicado: 19/06/2011 11:38 am

Thanks a lot for this useful PlugIn!

chris
Publicado: 28/06/2011 3:35 pm

hi
I just installed your plugin on one of my sites. it works perfectly when used within the main content area, meaning within a page or post. When i attempt to use it within a sidebar it does not work. could you maybe tell me how i can use the shortcode within a sidebar maybe?

Leonard
Publicado: 17/10/2011 7:28 pm

This plug in is dumping the following W3C errors into our site:
Line 596, column 12: there is no attribute “src”

Line 596, column 250: there is no attribute “height”

…e” allowScriptAccess=”always” wmode=”window” width=”300″ height=”250″>

although we liked the plugin originally we will be forced to remove it unless the errors are corrected. please make sure that your plugins are W3C validation compliant.

Leonard
Publicado: 17/10/2011 7:29 pm

Line 596, column 12: there is no attribute “src”

Line 596, column 250: there is no attribute “height”

…e” allowScriptAccess=”always” wmode=”window” width=”300″ height=”250″>

10 Plugins Que No Deben Faltar Al Crear Un Blog
Publicado: 25/10/2011 8:17 pm

[...] plugin WP Youtube Player para visualizar videos en tus artículos. El método es muy sencillo para publicarlos, de lo [...]

Bernard
Publicado: 27/10/2011 2:00 pm

What [tube] [/tube] code would I use to:

set autohide=2

when the video ends, I’d like to remove the four thumbnails that link to other videos.

Makoe
Publicado: 19/11/2011 4:15 am

Nice Plug-in and Thanks for share WP Youtube Player

M Waters
Publicado: 29/11/2011 12:41 am

I too would like to remove/hide the related videos. I set related videos False. I am using AS3 player and iframe embed. I also added the &rel=0 to try and suppress the related videos, however they still show after the videos end. Here’s my code I enter into my posts:

[tube]http://www.youtube.com/watch?v=g4hpMvO320A&rel=0[/tube]

M Waters
Publicado: 29/11/2011 6:07 pm

Found my problem, I was using the ampersand (&) instead of the question mark ?rel=0 Using the ?rel=0 suppressed the related videos at the end of each video.

Esetban
Publicado: 02/12/2011 12:31 pm

Excelente plugin!

Podrias tomar en cuenta para una futura actualizacion, el poder insertar el video por medio de un boton en la paleta de herramientas del editor? esto para simplicar el proceso de tener que incluir “a pie” el codigo [tube]

Gracias!

inbal
Publicado: 02/01/2012 6:36 am

hey,
when I try to play the video I get an error:
Embedding disabled by request.
how can I make it work?

inbal
Publicado: 02/01/2012 7:01 am

by the way’ its my video and embedding is allowed…

unijimpe
Publicado: 02/01/2012 2:00 pm

Hi, inbal, i try access your page and your video is playing ok.
For more info about “Embedding disable by request” you can read: http://www.google.com/support/forum/p/youtube/thread?tid=42147850298e1f43&hl=en

ricardo
Publicado: 13/01/2012 11:37 am

hi
It’s the best plug in to see video from youtube to all the apple device.
So i’ve a problem to check the validating code.
Line 176, Column 12: there is no attribute “src”
Line 176, Column 164: there is no attribute “type”
Line 176, Column 212: there is no attribute “allowfullscreen”
Error Line 176, Column 237: there is no attribute “allowScriptAccess”
Line 176, Column 252: there is no attribute “wmode”
Line 176, Column 267: there is no attribute “width”
Line 176, Column 280: there is no attribute “height”
Line 176, Column 285: element “embed” undefined
Error Line 176, Column 294: end tag for “embed” omitted, but OMITTAG NO was specified

So somebody can help me?

Mariana
Publicado: 16/02/2012 7:19 pm

Hola, tengo una pregunta. Lo que pasa es que cuando yo le pongo que nó muestre videos relacionados los sigue mostrando, espero me puedan ayudar, gracias de antemano y exelente plugin, si nó fuera por este inconveniente diría que es el plugin ideal para mí.

Craig
Publicado: 06/03/2012 4:22 am

Hey great plugin!

Is it possible to specify width as a percentage, i.e. 95%, instead of pixels? I’m trying to get the videos to resize for mobile browsers.

david
Publicado: 21/03/2012 10:20 am

Buenas tardes

Tengo un problema con los videos donde hay un guion, no hay manera de que se muestren.Ej:
http://www.youtube.com/watch?v=eC-js06wC9E
eC-js06wC9E , pero si pongo el de tu ejemplo, que no lleva guion, funciona . AFVlJAi3Cso
Gracias

Queppa Primo Sparazza
Publicado: 29/03/2012 11:54 am

Hi. Super video player plugin!

Can you please make it possible to turn off “youtube water mark”, and optionally torn off redirecting to youtube video on click on the video, and if possible share button to twitter and facebook on video?


[...] WP YouTube Player [...]

Clarence
Publicado: 25/04/2012 6:46 am

Hi,

Is it possible to use the plugin to get the embed to start at a specific time/timestamp? Thank you.

Example:
http://www.mattcutts.com/blog/start-youtube-video-minutes-seconds/

Clarence
Publicado: 25/04/2012 6:57 am

Okay, here’s how to do timestamps:
[tube]http://www.youtube.com/watch?v=qd_wYox6YEQ?start=120[/tube]

Use ? instead of & after video ID.

unijimpe
Publicado: 25/04/2012 5:11 pm

Hi Clarence, you can use:

[tube]http://www.youtube.com/watch?v=qd_wYox6YEQ&start=1868[/tube]

On this 1868 is the time in milliseconds

Dblack
Publicado: 06/05/2012 9:56 pm

Please can anyone explain me how to make a youtube video downloadable on the mobile device. I really want to make visitor download any music video through their phones from my site. Any help please I will appreciate

Reinaldo Silva
Publicado: 07/05/2012 9:22 am

Doesn’t work. The Tag code, doesn’t work. I don’t undertand wy somebody publish a plugin that doesn’t work.

Richard B
Publicado: 14/05/2012 2:47 pm

Good afternoon.

You plugin is very usefull. But an error is happen since I updated your app today (14/5/2012). What’s happen? This one:

After the update, if I check this option – compatible with mobile devices – all website’s content turn unavailable.

Please check what’s happened, because I move all my contents for own domain in Feb.2012, and since then all posts I converted to this standard:

[tube]address[/tube]

I leave temporarily the ‘object’ option selected, otherwise the mobile devices are unable to watch the videos.

Thanks for your attention.

Tatiana
Publicado: 18/05/2012 6:44 pm

Hi, I always used your plugin, but this week it just stopped work. Most of my posts have youtube videos and now. It’s all about games walkthough. Can you imagine what is going on?

I have other blogs and the plugin is working fine, just in tonoplay.com, the wp youtube player stopped to work. I reinstalled the plugin again and still doesn’t work.

Thanks.

Tatiana
Publicado: 18/05/2012 6:45 pm

yeah, my error started as Richard commented, it happen after I updated. I din

Tatiana
Publicado: 18/05/2012 6:46 pm

… I didnt uploaded in the other blogs. so they are working fine.

Tatiana
Publicado: 18/05/2012 7:52 pm

I solved y problem. I found the settings in wordpress setting tab. I used:
-> Embed Method Use (AS3 & AS2 Players)
-> Player Version Use AS3 player
The combination with iframe and tubePlayer doesn’t work.

djanym
Publicado: 10/06/2012 7:30 am

Hi. There is a bug (critical!!!):

// Use SWFObject 2.0 code
$wptube_params = “allowScriptAccess: \”always\”, “;
if ($wptube_config['wptube_fs'] == “1″) {
$wptube_params.= “, allowFullScreen: \”true\”";
}

“allowScriptAccess: \”always\”, “; – so if we have allowfullscreen then there will double “,”
Like this:
{allowScriptAccess:”always”,,allowFullScreen:”true”}

Plugin Review: WP YouTube Player
Publicado: 12/07/2012 1:41 am

[...] Plugin Name: WP YouTube Player (v1.7) Plugin Download Link: http://wordpress.org/extend/plugins/wp-youtube-player/ Plugin Site Link: http://blog.unijimpe.net/wp-youtube-player/ [...]

Sebastien Page
Publicado: 01/09/2012 4:48 pm

This plugin has been working great for me for a while, but for some reason, it doesn’t work with mobile Safari on iOS 6 for iPhone. It just displays a big black block and messes up the page layout. Would you be able to look into it?

Aakash
Publicado: 09/12/2012 4:09 pm

This plugin is awesome and by far the best for YouTube Videos. I was struggling to change the look of the default YouTube player with ugly player controls.

This plugin with tubeplayer provides nice and good looking player controls and very easy to use.

Thanks for this plugin.

fares
Publicado: 01/01/2013 7:15 pm

the plugiin is very cool but when i would integrate a video like this format he don’t work the video after integration became white ;
[tube]http://www.youtube.com/watch?v=9vv–EtV4Ks[/tube]

i think with this symbol — the integration don’t work

can you update the plugin or give me a solution please ?

BASTA!
Publicado: 07/01/2013 5:39 pm

Not even BASIC parameters like width and height are accepted per-embed, only globally configurable??? WHY?!?!?!?!?

Josean
Publicado: 04/03/2013 9:44 pm

Hola, cuando le doy compartir al link donde tengo el video a facebook, en facebook en la parte de la descripción pone [tube]jlkjlkjl[/tube]. ¿Como puedo hacer para evitar eso?

Zim
Publicado: 17/09/2013 1:14 pm

I have a YouTube video with the following URL…http://www.youtube.com/watch?v=-C5ZcnE–3Q but it will not work as the — in the video code is being removed by the plugin. Could you please fix this.

fabian
Publicado: 19/11/2013 5:45 pm

llevo como 3 meses con esto y no puedo me tendre q pasar a as3

Juanma G. Colinas
Publicado: 21/02/2014 11:06 am

Hola, tengo la versión 1.7 de WP YouTube Player y desde hace unas semanas no se me muestran los vídeos. Aparece el espacio en blanco sin ningún elemento en todos los navegadores.

Incluso en Safari indica que no se ha encontrado el módulo.

¿A qué se podría deber esto, por favor?

Muchas gracias.

Un saludo.

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)