X

Cómo crear un código corto para vídeo HTML5 en entradas y páginas

Snippets by IsItWP

¿Estás buscando una forma de crear un shortcode para vídeo HTML5? Este snippet creará un nuevo shortcode para añadir vídeo HTML5 a tus posts y páginas.

  1. Añade este código al archivo functions.php de tu tema o en 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. A continuación, añade este shortcode a tu post o página y configúralo como necesites. Recuerde 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 añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 12 Mejores Plugins WordPress para Podcast Comparados (Gratuitos y Premium).

Comentarios   Deja una respuesta

  1. How can there be multiple video files – same exact video but different sizes/resolutions for different screen sizes?

    1.  with this sample you really can’t do something like that, if you want to do something more advanced with wordpress and video I would look into http://jplayer.org/

  2. Below, not Bellow. Delete this comment once fixed. Thanks for another great snippet.

    1. Cheers Cliff, fixed the typo. Glad you like the snippet.

  3. this is a very nice snippet sir.

    1. Thanks glad that you like it.

Añadir un comentario

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

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!