I’m having the same trouble. Anybody have any suggestions about how to fix this?
This just started happening on my website. It was working a few days ago but now clicking on video thumbnail does nothing. Clicking on the thumbnail a second time takes the visitor to YouTube.
Michael
(@mlawrencetargetedvictorycom)
I am having the same issue as well. It was working fine last week, but now does the same as what momofone reported. I am also getting the errors ndugger reported about.
Michael
(@mlawrencetargetedvictorycom)
I am using this jQuery for the time being.
$('.ytclink').unbind().click(function(event){
event.preventDefault();
event.stopPropagation();
var iframeid = $(this).attr('data-playerid');
var youtubeid = $(this).attr('href').split("watch?v=")[1];
$('#'+iframeid).attr('src','//www.youtube.com/embed/'+youtubeid+'?version=3&theme=dark&color=white&modestbranding=&rel=1&showinfo=1&enablejsapi=1&wmode=transparent');
return false;
});
Thanks for the code Michael. That also worked for me.
It worked also for me. Thank you Michael.
I’m having this same issue. Where do I need to insert this code for it to work?
Michael
(@mlawrencetargetedvictorycom)
callblu, this would go in your JavaScript, somewhere within jQuery(document.ready(function($){});
Thank you sooooo much Michael! It works now!
Man, I love this community. Thank you!!
Having the same issue, and I used the fix that Michael suggested.
It seems to work just fine in Chrome, but in Firefox, when I click on a thumbnail, it will revert back to whatever video I first clicked on. I can’t tested on IE (I’m on a Mac), but I was informed it does the same thing there as well.
Can anybody shed some light on what might be happening, and how it can be fixed? Please? Pretty please? 🙂
Thanks!
Thanks a lot! it works just fine in Chrome, firefox and IE 🙂
Hi Michael! Thank you for the piece of code. Before (the functionality behind) the thumbnails didn’t work on iPad but now it’s working fine. So…great! Thanks!
Can you simply do this before the header?
<script>jQuery( document ).ready(function( $ ) {$('.ytclink').unbind().click(function(event){
event.preventDefault();
event.stopPropagation();
var iframeid = $(this).attr('data-playerid');
var youtubeid = $(this).attr('href').split("watch?v=")[1];
$('#'+iframeid).attr('src','//www.youtube.com/embed/'+youtubeid+'?version=3&theme=dark&color=white&modestbranding=&rel=1&showinfo=1&enablejsapi=1&wmode=transparent');
return false;
});
});</script>
Or do you need to edit another file?
Thanks.
