RBA Cash Rate: 4.35% · 1AUD = 0.67 USD · Inflation: 4.1%  
Leading Digital Marketing Experts</strong | 1300 235 433 | Aggregation Enquires Welcome | Book Appointment
1300235433
Example Interest Rates: Home Loan Variable: 5.69% (5.89%*) • Home Loan Fixed: 5.39% (6.59%*) • Fixed: 5.39% (6.59%*) • Variable: 5.69% (5.89%*) • Investment IO: 5.69% (6.48%*) • Investment PI: 5.39% (6.59%*)

Embed Vevo Videos in a WordPress Post or Page with Shortcode

Vevo is a video hosting service owned and operated by a joint venture of Universal Music Group (UMG), Google, Sony Music Entertainment (SME) and Abu Dhabi Media. The service provides music videos from two of the "big three" major record labels: UMG and SME. This article will show you how to embed the (responsive) video content from Vevo into your WordPress website with shortcode.

The Result

Using the shortcode of [vevo v="http://www.vevo.com/watch/ariana-grande/Problem/USUV71400762"] (the full page URL) or simply [vevo v="USUV71400762"] (the video ID), we'll return the video below.

Removed

The video is responsive and will scale on mobile devices.

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.

1
<?php 
2
/*
3
 Embed Vevo Videos in a WordPress Post or Page with Shortcode
4
 http://www.beliefmedia.com/code/wp-snippets/embed-vevo-wordpress
5
 http://en.wikipedia.org/wiki/International_Standard_Recording_Code (ID's) CC-XXX-YY-NNNNN
6
*/
7
 
8
function beliefmedia_embed_vevo($atts) {
9
 
10
  $atts = shortcode_atts(array(
11
    'v'  => '',
12
    'width'  => '570',
13
    'height' => 0,
14
    'ap' => '0'
15
  ), $atts);
16
 
17
  /* Scale the height if not defined */
18
  if (!$atts['height']) $atts['height'] = round($atts['width'] / 1.7777);
19
 
20
  /* If a URL we'll snatch the ID. Best to provide just ID */
21
  if (strripos($atts['v'], 'http') !== false) {
22
    $regex = '/([A-Z]{2}[A-Z0-9]{3}\d{2}\d{5})/';
23
    preg_match($regex, $atts['v'], $m);
24
    $atts['v'] = $m[1];
25
  }
26
 
27
   $style = '
28
<style scoped>
29
     .embed-container {
30
       position: relative;
31
       padding-bottom: ' . round(($atts['height'] / $atts['width']) * 100) . '%;
32
       height: 0;
33
       overflow: hidden;
34
       max-width: ' . $atts['width'] . 'px;
35
       margin: 0px auto;
36
     }
37
 
38
     .embed-container iframe {
39
       position: absolute;
40
       top: 0px;
41
       left: 0px;
42
       width: 100%;
43
       height: 100%;
44
       padding-bottom: 0;
45
       overflow: hidden;
46
     }
47
   </style>
48
 
49
';
50
 
51
  /* iframe */
52
  $iframe = '<iframe width="' . rtrim($atts['width'], 'px') . '" height="' . rtrim($atts['height'], 'px') . '" src="https://embed.vevo.com?isrc=' . $atts['v'];
53
  $iframe .= ($atts['ap']) ? '&autoplay=true"' : '"';
54
  $iframe .= ' frameborder="0" allowfullscreen scrolling="no"></iframe>';
55
 
56
 /* Return responsive iframe */
57
 return '<div style="max-width: ' . rtrim($atts['width'], 'px') . 'px; margin: 0px auto;">' . $style . '<div class="embed-container">' . $iframe . '</div>
58
</div>';
59
}
60
add_shortcode('vevo', 'beliefmedia_embed_vevo');

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.

Considerations

  • It's always best to use the video ID rather than the URL, particularly - as is the case with Vevo - where the ID complies with a consistent standard .
  • The video container height is automatically determined. If the height doesn't work for you, add the height into your shortcode.
  • If you would like the video to autoplay when the video loads, use ap="1" in your shortcode.

■ ■ ■

 
Download our complimentary 650-page guide on marketing for mortgage brokers. We'll show you exactly how we generate billions in volume for our clients.
Finance Guide, Cropped Top and Bottom
  Timezone: 1 · [ CHANGE ]

Like this article?

Share on Facebook
Share on Twitter
Share on Linkdin
Share on Pinterest
Picture of Martin Khoury

Martin Khoury

Martin is the Managing Director of BeliefMedia Pty Limited, and Australia's leading Finance Marketing Specialist. He is supported by a team of Australia's finest. Read more about Marty here.

Leave a comment

Call us on 1300 235 433
Enquire Online
Make an Appointment
General Enquires: 1300 235 433 • Support: (02) 8765 8887
The comparison rate is calculated on a secured loan of $150,000 with a term of 25 years with monthly principal and interest payments. WARNING: This comparison rate is true only for examples given and may not include all fees and charges. Different terms, fees or other loan amounts might result in a different comparison rate. Important Information: Applications are subject to credit approval. Full terms and conditions will be included in our loan offer. Fees and charges are payable. Interest rates are subject to change. Offer does not apply to internal refinances and is not transferable between loans. As this advice has been prepared without considering your objectives, financial situation or needs, you should consider its appropriateness to your circumstances before acting on the advice. [ Example Credit Guide Link ]
Facebook Twitter Youtube Linkedin Facebook-f
    
© BeliefMedia | Privacy • Terms • Disclaimer
BeliefMedia Pty Limited