Blog, PHP, WordPress, WordPress Plugins, WordPress Shortcode

Embed Yahoo! News Videos With PHP or WordPress Shortcode

Yahoo! News originated as an internet-based news aggregator by Yahoo!. By 2011, however, Yahoo had expanded its focus to include original content, as part of its plans to become a major media organization. Integrating veteran journalists such as Walter Shapiro, Virginia Heffernan, and Katie Couric has slowly given the service more credibility than it originally deserved. According to Alexa , the site currently sits in 12th position for news consumption - ahead of the likes of FOX, Bloomberg, Reuters, WSJ, and others.

Note: Yahoo News and other videos are no longer supported.

The WordPress function on this page will permit you to embed responsive Yahoo! News videos into your WP post or page with shortcode. We've also provided a PHP function for use outside of WordPress.

The function may work on Yahoo! videos other than news videos but we've found their platform to be notoriously unreliable.

The Result

The shortcode of [yahoonews v="https://news.yahoo.com/video/yahoo-news-live-ben-carson-182500280.html"] will render the following video :

~~[yahoonews v="https://news.yahoo.com/video/yahoo-news-live-ben-carson-182500280.html"]~~

Available attributes are v (the full video URL), and width. The height will automatically be determined.

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. You may optionally download and install our plugin from the bottom of of the page.

<?php

Embed Yahoo! News Videos With PHP or WordPress Shortcode

http://www.beliefmedia.com/yahoo-news-video

function beliefmedia_yahoo_news_video($atts) {

$atts = shortcode_atts(array(

'v' => '', /* Full Page URL */

'width' => '540',

'height' => false

), $atts);

/* Strip search queries etc */

if (strripos($atts['v'], '?') !== false) $v = substr($atts['v'], 0, strrpos($atts['v'], '?'));

$atts['v'] = str_replace('video-search/', '', $atts['v']);

/* Scale the height if not defined */

if ($atts['height'] === false) $atts['height'] = round($atts['width']/1.778);

$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;

}</style>

/* Build iframe */

$iframe = '<iframe width="' . $atts['width'] . '" height="' . $atts['height'] . '" scrolling="no" frameborder="0" src="' . $atts['v'] . '?format=embed" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" allowtransparency="true"></iframe>';

/* Responsive iframe */

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

</div>';

}

add_shortcode('yahoonews', 'beliefmedia_yahoo_news_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.

PHP Function

The following function may be used outside of WordPress. Not unlike the WP version, the video will be responsive.

<?php

Embed Yahoo! News Videos With PHP or WordPress Shortcode

http://www.beliefmedia.com/yahoo-news-video

function beliefmedia_yahoo_news_video($v, $width = '540', $height = false) {

/* Strip search queries etc */

if (strripos($v, '?') !== false) $v = substr($v, 0, strrpos($v, '?'));

$v = str_replace('video-search/', '', $v);

/* Scale the height if not defined */

if ($height === false) $height = round($width/1.778);

$style = '

.embed-container {

position: relative;

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

height: 0;

overflow: hidden;

max-width: ' . $width . 'px;

margin: 0px auto;

}

.embed-container iframe {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 100%;

padding-bottom: 0;

}</style>

/* Build iframe */

$iframe = '<iframe width="' . $width . '" height="' . $height . '" scrolling="no" frameborder="0" src="' . $v . '?format=embed" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" allowtransparency="true"></iframe>';

/* Responsive iframe */