YouTube video doesn't work on homepage - Tony

Answered

Public

fjoomuser asked March 24, 2015

This code doesn’t work
<div class=“first-banner”><a class=“youtube cboxElement” href=“https://www.youtube.com/watch?v=jMb2P-cyeC0”><img src=“{{media url=”wysiwyg/banners/video-banner.jpg“}}” alt=“CASUAL MAGENTO THEME” /></a><img src=“{{media url=”wysiwyg/banners/banner01.jpg“}}” alt=“First Banner” /></div>

Not even in your demo site: http://tony.demo.ubertheme.com/
There is an error message:
This content failed to load.

Tony

8 answers

Vote Up

Vote Down

Ziven ⋅ Staff ⋅100280.00 $tone March 26, 2015

Public

Hi There,
Thanks for report. I will update the live demo soon.
Best Regards,
Ziven.

Vote Up

Vote Down

fjoomuser ⋅50.00 $tone March 30, 2015

Public

Hi Ziven,
Any news about the Youtube link? How should I modify the code to make it work?
Cheers!

Vote Up

Vote Down

Ziven ⋅ Staff ⋅100280.00 $tone April 1, 2015

Public

Hi Fjoom,
Please change the code:

<div class=“first-banner”><a class=“youtube cboxElement” href=“https://www.youtube.com/watch?v=jMb2P-cyeC0″><img src=“{{media url=”wysiwyg/banners/video-banner.jpg“}}” alt=“CASUAL MAGENTO THEME” /></a><img src=“{{media url=”wysiwyg/banners/banner01.jpg“}}” alt=“First Banner” /></div>

Change to:

<div class="first-banner"><a class="youtube cboxElement" title="Acne Studios | Fall Winter 2015/2016 Full Fashion Show | Exclusive" href="https://www.youtube.com/embed/QePCO_bx1rU"><img alt="JM CASUAL MAGENTO THEME" src="{{media url="wysiwyg/banners/video-banner.jpg"}}" /></a><img alt="First Banner" src="{{media url="wysiwyg/banners/banner01.jpg"}}" /></div>
<script type="text/javascript">// <![CDATA[
(function($) { 
$(".youtube").colorbox({iframe:true, innerWidth:560, innerHeight:315});
})(jQuery);
// ]]></script>

On the demo we will update it today.
Best Regards,
Ziven.

Vote Up

Vote Down

fjoomuser ⋅50.00 $tone April 1, 2015

Public

Hi Ziven
That didn’t work either, because the size of the video was totally wrong.. the width as ok but the height wasn’t. I’m trying this one. that works better, the only issue here is that I see a white line at the bottom of the video

<div class=”first-banner”><a href=”javascript:void jQuery.colorbox({html:’<iframe width=853 height=480 src=http://www.youtube.com/embed/QePCO_bx1rU frameborder=0 allowfullscreen></iframe>’})”><img src=”{{media url=”wysiwyg/banners/video-banner.jpg”}}” alt=”First Banner” /> </a><img src=”{{media url=”wysiwyg/banners/banner01.jpg”}}” alt=”First Banner” /></div>

Vote Up

Vote Down

Ziven ⋅ Staff ⋅100280.00 $tone April 2, 2015

Public

Hi fjoomuser,
Send me the link i will try help you. Regards the Tony we will update demo today.
Thanks

Vote Up

Vote Down

onelabel ⋅1710.00 $tone September 12, 2017

Public

Hi Ziven,

Please can you help me with the above issue?
The youtube video is not playing our video for the second time this is not working.
You have access to my Magento admin.
Thanks

Vote Up

Vote Down

onelabel ⋅1710.00 $tone September 12, 2017

Public

Hi Ziven,

Please can you help me with the above issue?
The youtube video is not playing our video for the second time this is not working.
You have access to my Magento admin.
Thanks

Vote Up

Vote Down

Ziven ⋅ Staff ⋅100280.00 $tone September 13, 2017

Public

Hi @onelabel,
It fixed. I only change link from https://www.youtube.com/watch?v=33NKB4agy4w to https://www.youtube.com/embed/33NKB4agy4w
Best Regards,
Ziven.