Home / functions.php / Shortcode for HTML5 video in posts
  • How to Shortcode for HTML5 video in posts


    Adding the first snippet to the functions.php of your wordpress theme will create a new HTML5 video shortcode. Place the shortcode below in your posts to display your video.

    wordpress snippet : PHP

    function html5_video($atts, $content = null) {
    		"src" => '',
    		"width" => '',
    		"height" => ''
    	), $atts));
    	return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
    add_shortcode('video5', 'html5_video');

    wordpress snippet : SHORTCODE

    [video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]

    ( WordPress codex functions, hooks, in this snippet. )

    add_shortcode, shortcode_atts,
  • Anonymous

    this is a very nice snippet sir.

    • http://wpsnipp.com Kevin Chard

      Thanks glad that you like it.

  • http://www.cliffpaulick.com Cliff Paulick

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

    • http://wpsnipp.com Kevin Chard

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

  • http://www.cliffpaulick.com Cliff Paulick

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

    • http://wpsnipp.com Kevin Chard

      ¬†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/