X

Cómo crear un shortcode para video HTML5 en publicaciones y páginas

Snippets de IsItWP

¿Estás buscando una forma de crear un shortcode para video HTML5? Este fragmento creará un nuevo shortcode para agregar video HTML5 a tus publicaciones y páginas.

  1. Agrega este código al archivo functions.php de tu tema o a un plugin específico del sitio.
  2. function html5_video($atts, $content = null) {
    	extract(shortcode_atts(array(
    		"src" => '',
    		"width" => '',
    		"height" => ''
    	), $atts));
    	return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
    }
    add_shortcode('video5', 'html5_video');
    
  3. Luego, agrega este shortcode a tu publicación o página y configúralo según sea necesario. Recuerda reemplazar el valor del atributo src.
  4. [video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]
    

Nota: Si es la primera vez que agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.

Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 12 mejores plugins de podcast para WordPress comparados (Gratis y Premium).

Comentarios   Deja una respuesta

  1. ¿Cómo puede haber múltiples archivos de video, el mismo video exacto pero con diferentes tamaños/resoluciones para diferentes tamaños de pantalla?

    1.  con este ejemplo realmente no puedes hacer algo así, si quieres hacer algo más avanzado con WordPress y video te recomiendo visitar http://jplayer.org/

  2. Abajo, no Bellow. Elimina este comentario una vez corregido. Gracias por otro gran fragmento.

    1. Saludos Cliff, corregí el error tipográfico. Me alegra que te guste el fragmento.

  3. este es un fragmento muy bueno, señor.

    1. Gracias, me alegra que te guste.

Agrega un comentario

Nos complace que hayas elegido dejar un comentario. Ten en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Lista de verificación para lanzar WordPress

La lista de verificación definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de verificación para el lanzamiento de tu próximo sitio web de WordPress en un práctico ebook.
¡Sí, envíame el eBook gratis!