X

Comment créer un shortcode pour les vidéos HTML5 dans les articles et les pages

Snippets by IsItWP

Vous cherchez un moyen de créer un shortcode pour la vidéo HTML5 ? Ce snippet va créer un nouveau shortcode pour ajouter des vidéos HTML5 à vos posts et pages.

  1. Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site
  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. Ensuite, ajoutez ce shortcode à votre article ou à votre page et configurez-le selon vos besoins
  4. .

  5. N’oubliez pas de remplacer la valeur de l’attribut src.
  6. [video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]
    

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier/coller correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 12 meilleurs plugins WordPress de podcast comparés (gratuits et premium).

Commentaires   laisser une réponse

  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.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre privacy policy, et que tous les liens sont en nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Engageons une conversation personnelle et constructive.

WordPress Launch Checklist

L'ultime liste de contrôle pour le lancement de WordPress

Nous avons rassemblé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi le gratuit !