Blog, WordPress, WordPress Shortcode

Embed FunnyOrDie Videos in a WordPress Post or Page With Shortcode

Funny or Die (FOD) is an Emmy-winning comedy video website founded by Will Ferrell and Adam McKay's production company, Gary Sanchez Productions , with original and user-generated content. This article will show you how to include responsive FOD videos in your WordPress post or page with shortcode.

The Result

If I were to include this video I would use the shortcode of [funnyordie v="https://www.funnyordie.com/videos/74/the-landlord-from-will-ferrell-and-adam-ghost-panther-mckay"] or simply [funnyordie v="74"] (just the video ID). The responsive result is as follows.

WordPress Shortcode

Copy and paste the WordPress function into your theme's functions.php file or, if you sensibly have one installed, your custom functions plugin.

<?php

Embed FunnyOrDie Videos in a WordPress Post or Page With Shortcode

http://www.beliefmedia.com/funny-or-die-wordpress

function beliefmedia_funnyordie_video($atts, $content = null) {

$atts = shortcode_atts(array(

'v' => '',

'width' => '580',

'height' => '',

'frameborder' => '0',

'align' => 'center'

), $atts);

/* If a URL we'll snatch the ID. Best to provide just ID */

if (strripos($atts['v'], 'http') !== false) {

$regex = '/videos\/([^_]+)\//';

preg_match($regex, $atts['v'], $m);

$atts['v'] = $m[1];

}

/* Scale the height if not defined : FOD default 640 x 400 */

if (!$atts['height']) $atts['height'] = round($atts['width'] / 1.6);

$style = '

.embed-container {

position: relative;

padding-bottom: ' . round(($atts['height'] / $atts['width']) * 100) . '%;

height: 0;

overflow: hidden;

max-width: ' . $atts['width'] . 'px;

margin: 0px auto;

}

.embed-container iframe {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

padding-bottom: 0;

overflow: hidden;

}</style>

/* iFrame */

$iframe = '<iframe src="https://www.funnyordie.com/embed/' . $atts['v'] . '" width="' . $atts['width'] . '" height="' . $atts['height'] . '" frameborder="' . $atts['frameborder'] . '" allowfullscreen webkitallowfullscreen mozallowfullscreen scrolling="no"></iframe>';

/* Return responsive iframe */

return '<div style="max-width: ' . $atts['width'] . 'px; margin: 0px auto;">' . $style . '<div class="embed-container">' . $iframe . '</div>

</div>';

}

add_shortcode('funnyordie', 'beliefmedia_funnyordie_video');

If you require shortcode to work in a sidebar widget, you'll have to enable the functionality with a filter. If you're using our custom functions plugin, you'll have that feature enabled by default.

Shortcode Attributes

The video ID is either the full video URL or simply the numeric video ID (preferred).

width

The width of the video container.

height

The height of the video container is automatically determined so may be left blank. If formatting requires its inclusion, simply include it in your shortcode.

Considerations

Most of the FOD videos are also on YouTube. However, you'll lose the integrated features of the default FOD player.

Download

Title: Embed FunnyOrDie Videos in WordPress
Description: Embed FunnyOrDie Videos in a WordPress Post or Page With Shortcode.
Download • Version 0.2, 1.0K, zip, Category: WordPress Shortcodes

Download our 650-page guide on Finance Marketing. We'll show you exactly how we generate Billions in volume for our clients.