{"id":6405,"date":"2016-02-08T15:02:54","date_gmt":"2016-02-08T20:02:54","guid":{"rendered":"https:\/\/themespress.ca\/?p=6405"},"modified":"2022-09-15T19:14:30","modified_gmt":"2022-09-15T23:14:30","slug":"wordpress-youtube-shortcode","status":"publish","type":"post","link":"https:\/\/themespress.ca\/en\/wordpress-youtube-shortcode\/","title":{"rendered":"YouTube Shortcode for WordPress"},"content":{"rendered":"
\n\t
\n\t\t
\n\t\t\t

Shortcode are an easy to integrate content for WordPress users. Here’s a Youtube shortcode for WordPress.<\/p>\n

Here’s our Via Youtube shortcode. Simpy copy paste the code below inside your functions.php file.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n

add_shortcode( 'via_youtube', 'via_you_tube_shortcode' );\n\/\/ Nous creons la fonction \nfunction via_you_tube_shortcode($atts) {\n $atts = shortcode_atts( array(\n   'id'                 => '',\n   'width'              => $width,\n   'height'             => $height,\n   ), $atts ); \/\/ Nous stockons les arguments \n   extract($atts); \/\/ Extraction des arguments ci dessus\n \n   \/\/ Nous retournons les resultats en iframe avec la hauteur et la largeur et l'identifiant de la video qui sera present dans votre shortcode\n   return'<iframe src="https:\/\/www.youtube.com\/embed\/'.$id.'" width="'.$width.'" height="'.$height.'" frameborder="0" allowfullscreen="allowfullscreen"><\/iframe>'; \n}<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
Now go into the desired page and insert the shortcode below:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
[via_youtube id="BJ-CmHZrKHU" width="560" height="315"]<\/pre><\/div>\n\t
\n\t\t
\n\t\t\t
Grab your video’s ID in the URL of your browser and use it to replace the ID used in the shortcode.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n\n\t
\n\t\t\n\t\t
\n\t\t\t
\"\"<\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t
\n\t\t
\n\t\t\t
Youtube uses the following resolutions:
\n560 * 315
\n640 * 360
\n853 * 480
\n1280 * 720<\/p>\n
Also can be used with custom resolutions. Simply adjust the height and width parameter accordingly in the shortcode.<\/p>\n
With a few click, you’ll have your Youtube video displayed on any page.
\nHere’s another solution so your shortcode is displayed in your WordPress widget.
\nAdd the following line of code in your function.php file; make sure the code isn’t already there:<\/p>\n\n\t\t<\/div>\n\t<\/div>\n
\/\/ Filtre permettant shortcodes visuels dans les widgets texte\nadd_filter('widget_text', 'do_shortcode');<\/pre><\/div><\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Shortcode are an easy to integrate content for WordPress users. Here's a Youtube shortcode for WordPress. Here's our Via Youtube shortcode. Simpy copy paste the code below inside your functions.php
Read More<\/a><\/div>","protected":false},"author":81,"featured_media":4493,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[283],"tags":[341],"class_list":["post-6405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-social-medias"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/users\/81"}],"replies":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/comments?post=6405"}],"version-history":[{"count":0,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/posts\/6405\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media\/4493"}],"wp:attachment":[{"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/media?parent=6405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/categories?post=6405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themespress.ca\/en\/wp-json\/wp\/v2\/tags?post=6405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}