Cómo usar el reproductor multimedia HTML5 de WordPress 3.6

audio wordpress

Una de las novedades de WordPress 3.6 es el nuevo reproductor de medios HTML5 que permite reproducir archivos de audio y vídeo subidos a tu sitio de manera sencilla.

Aunque no recomiendo nunca reproducir ficheros multimedia, especialmente si son pesados, desde tu servidor, sino que para eso están servicios cómo YouTube, Vimeo, etc, ahora puedes subir archivos mediante el gestor de medios del editor de WordPress y ofrecer su reproducción sin complicaciones. De paso te ahorras un par de plugins, cómo Audio Player o Vipers Video Quicktags, como dice algún lector habitual.

Solo tienes que subir el archivo de medios y verás que a la hora de incrustarlo dispones de una opción para insertar un reproductor …
insertar audio wordpress 3.6

Lo que añade es un shortcode con la URL del archivo que, al publicar la entrada, se convierte en un reproductor de medios sencillo y efectivo. No obstante, si lo prefieres también puedes pegar simplemente la URL de un archivo de audio en la entrada y se reproducirá igualmente.
shortcode audio wordpress 3.6

El shortcode puede incluir la especificación del tipo de archivo o no, funciona igualmente. Su forma más simple sería así:


reproductor html5 wordpress 3.6

Y para que no todo sean palabras te dejo una cosita usando la nueva funcionalidad …

¡Que lo disfrutes!

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(3 votos, promedio: 4)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

29 comentarios en “Cómo usar el reproductor multimedia HTML5 de WordPress 3.6”

  1. Yo al poner un enlace externo como por ejemplo youtube, me deja el link pero no me sale el reproductor, alguien sabe porque me puede pasar esto?

  2. Juan Santiago Ruetter

    Este si que me parece un gran avance, no es que sea muy difícil implementar un reproductor html5 pero estos seguro que vienen muy bien optimizados y en wordpress están como en casa, ya no quedan más escusas y lo siento pero casa vez que veo flash un poco más muerto se me esboza una sonoriza.

    Posdata: ¿y para streaming en directo? vamos que no hablo de hacerlo desde un host compartido o un virtual de poco ram como tampoco la simple reproducción de vídeos pero si que ando trabajando para independizarme en el host de algunos contenidos de video y audio y tb pretendo sacar algunos directos por mi cuenta y por supuesto usando html5.

  3. Era una utilidad de esas que se echaba en falta, aunque como bien dices, yo tampoco recomiendo colocar todos estos archivos multimedia en tu propio servidor. Pero para quien quiera hacerlo, ya puede 🙂

  4. ¿Cómo se puede centrar el video? Porque cuando intento hacerlo con tags HTML no funciona, deja de aparecer el reproductor y solo me deja el enlace del video.

      1. Necesario el tema pero creo que falta profundizar. Si alguna web monta videos directos es porque su temática trata y es necesario. Bien, ahora unas preguntas.
        Que tan compatible es el reproductor? Es necesario subir el archivo en MP4, OGV y FLV para que se vea en todos los exploradores (no den por hecho que los usuarios usan todos Safari).
        Reproducción móvil? Es compatible este reproductor con los dispositivos móviles? Soporta el responsive?
        Yo celebro esta mejora, aunque la mayoría lo ve como accesorio hay muchos sitios que necesitan montar sus videos en sus propios servidores y que todos sus usuarios lo puedan reproducir es una real pesadilla, dispositivos móviles, diferentes exploradores y hasta conexiones lentas empeoran la cosa.
        Creo que es necesario mas información detallada y a fondo sobre este reproductor y aclara si usa algunas librerías jQuery o simplemente es un reemplazo del ya fácil de usar reproductor en HTML5 usando la etiqueta ‘video’.

      2. Gracias anticipadas. Imagino que habrá cambiar algo en el código ¿no? porque en las opciones no aparece.
        Y me uno al pedido de revan20, también sería útil poder personalizar el tamaño.

    1. [video flv="http://exemple.info/wp-content/uploads/2012/08/loquesea.flv" width="260px" height="200px"][/video]

      Solo hay que añadir las etiquetas width y height tras el link, como en cualquier otro código html normal, lo he probado con éxito en mí blog….

  5. Hola, he creado una galería de imágenes pero no veo opción de que crear un enlace para cada imagen de modo que al pinchar en ella vayamos a otro post o página de nuestro sitio. A ver si me podeis ayudar. Gracias!

  6. Soy usuario de wordpress.com y quiero migrar a wordpress.org, para ello me he instalado XAMPP en mi ordenador he instalado wordpress 3.5.2 y ahora actualizado a 3.6. para hacer pruebas antes de subirlo a un host. Al intentar subir medios multimedia solo puedo si ocupan menos de 2MB por lo que no puedo subir música ni vídeos. No se si realmente con wordpress.org hay esta limitación? cuando dices que «reproducir archivos de audio y vídeo subidos a tu sitio de manera sencilla» te refieres a subirlos desde wordpress o a tenerlos en tu host y desde «el gestor de medios del editor de WordPress»

  7. tengo una pregunta ¿como puedo hacer responsive a los videos incristados que permite esta nueva opcion de wordpress 3.6?

  8. Hola a todo el mundo,

    A pesar de que el artículo da nuema información yo también querría saber cómo modificar los parámetros del reproductor (sobretodo tamaño) o en caso de ser posible desactivarlo para poder utilizar otros plugins.

    Gracias

    1. Snowballmalefactor

      yo lo he hecho con los argumentos width y height de toda la vida… Pero… No sé si es recomendable usando html5, aún no tengo idea, espero que fernando nos lo pueda aclarar :s

        1. Snowballmalefactor

          Genial, de todos modos, haciendo pruebas con otro video, al insertarlo en la entrada con el reproductor, se ha generado el enlace, de forma automática, ya con los argumentos width y right dentro de las etiquetas, respetando el ancho y alto predefinidos del video… En cualquier caso la solución que sugieres para los incrustados me parece magnífica y pienso ponerla en práctica, muchas gracias…

  9. Snowballmalefactor

    Edita php.ini y busca «upload_max_filesize» y cambia el valor «2M» por el que te parezca, aunque creo que lo recomendable es un máximo de «100M», no olvides de reiniciar el servicio para guardar los cambios… Así podrás subir archivos de hasta 100Mb desde el gestor de medios de wordpress…

  10. Snowballmalefactor

    Y siempre puedes usar filezilla u otro cliente de ftp y por supuesto dreamweaver, para subir archivos de mayor tamaño… después solo tienes que teclear las etiquetas [video…] [/video] con el enlace al archivo que has subido, en el editor del nuevo post que desees publicar…

  11. Hola a todos. Tengo una duda: ¿cómo se hace para que el reproductor funcione en el extracto, no solo en el cuerpot del post? Con la versión anterior era tan facil como pegar [audio:urlaudio.mp3] en el extracto y funcionaba igual, ahora el formato es [audio mp3=urlaudio.mp3][/audio] pero solo funciona dentro, si lo pones en en el extracto no va…

  12. Hola Fernando, te saludo desde Perú.
    Despues de un tiempo te escribo para hacerte una consulta.
    Tengo el proyecto de incluir fotos 360° en un wordpress, y el archivo es en formato html5. Al cargarlo presenta una incontinuidad que no puedo solucionar.
    Espero puedas ayudarme con alguna sugerencia como lo hiciste desde que empece con wordpress siguiendo AYUDA WORDPRESS

  13. Saludos, como puedo reproducir los audios que me aparece cuando hago una búsqueda en wp?

    ahí me sale el titulo de la canción pero cuando hago click me salen muchos códigos y no puedo reproducir el mp3 en los resultados de la busqueda.

    Puedes ayudarme por favor?

  14. Pues me funciona el reproductor mp3, el problema es que cuando publico el audio en la entrada únicamente me aparece el cuadradito del play, y no la barra entera con el volumen como aparece arriba, o como me aparece en el cuadro de edición de la entrada. ¿Cual puede ser el problema?.
    Gracias.

  15. Pregunto….¿hay alguna forma de poder poner código iframe para que los usuarios puedan compartir el video en otros sitios ?, gracias

  16. Hola, cómo prodría hacer una lista de reproducción con enlaces externos, es decir, esto mismo, pero que reproduzca canciones encadenadas, todos de enlaces externos a través de distintas URL?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido