Custom YouTube thumbnail in Wordpress solution and still count views?

0
votes

Is there any way to make a custom thumbnail to my featured video (YouTube-video) in a Wordpress post like this page has (scroll down a bit), and still get YouTube to count the click on the "Play" button as a view? I've heard that YouTube has this kind of functionality, but I'm unable to track it down. Anyone with some kind of knowledge or experience here?

Thanks in advance guys.

1
javascripthtmlcsswordpressyoutube
Awesome video, must have costed 2 kidneys... Web dev too, impossible to dig into their JS files. – brasofilo

1 Answers

1
votes

A possible way to do that is to insert the video with full width and then put an <img src="yourImage.jpg" /> tag on top with css with your custom image like:

img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Then, with some javascript you could simulate the click to the video when the user clicks the image:

document.querySelector('img').style.display = 'none';
document.querySelector('.ytp-thumbnail-overlay-image').click();

This is just a guidance on how you could do it. The idea is to put an image on top of the video and when it get's clicked, hide it and play the video. Maybe there is some 'official' way to do it with the youtube api but I didn't found it. Let me know if it help and if you need the complete implementation.

Btw the same question has been asked here before in another stackoverflow question that I found by searching on google youtube embed custom preview image