Javascript 在Wordpress解决方案中自定义YouTube缩略图,并且仍然统计浏览量?

Javascript 在Wordpress解决方案中自定义YouTube缩略图,并且仍然统计浏览量?,javascript,html,css,wordpress,youtube,Javascript,Html,Css,Wordpress,Youtube,有没有办法在Wordpress帖子中为我的特色视频(YouTube视频)制作一个自定义缩略图,比如has(向下滚动一点),然后让YouTube将点击“播放”按钮的次数计算为一个视图?我听说YouTube有这种功能,但我无法找到它。有人在这里有什么知识或经验吗 提前感谢各位。一种可能的方法是插入全宽视频,然后在顶部放置一个带有css的标签,上面带有自定义图像,如: img{ position: absolute; top: 0; left: 0; width: 10

有没有办法在Wordpress帖子中为我的特色视频(YouTube视频)制作一个自定义缩略图,比如has(向下滚动一点),然后让YouTube将点击“播放”按钮的次数计算为一个视图?我听说YouTube有这种功能,但我无法找到它。有人在这里有什么知识或经验吗


提前感谢各位。

一种可能的方法是插入全宽视频,然后在顶部放置一个带有css的标签,上面带有自定义图像,如:

img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
然后,使用一些javascript,您可以在用户单击图像时模拟对视频的单击:

document.querySelector('img').style.display = 'none';
document.querySelector('.ytp-thumbnail-overlay-image').click();
这只是一个指导你如何做到这一点。这个想法是把一个图像放在视频的顶部,当它被点击时,隐藏它并播放视频。 也许有一些“官方”的方法可以通过youtube api实现,但我没有找到。让我知道它是否有帮助,如果你需要完整的实施


顺便说一句,我在google
youtube embed custom preview image

Awesome视频中搜索到的另一个stackoverflow问题中也曾问过同样的问题,肯定花了2个肾。。。Web开发人员也一样,不可能深入到他们的JS文件中。因此,将YOUTUBE嵌入文档。querySelector('.img')。click();为了让代码正常工作,你可以在
div
中添加图像和youtube视频,如下所示:
带有img的id和视频的id,如
youtube图像和
my youtube视频
,然后使用javascript使用
document.querySelector(“#my youtube视频”)。点击()
执行单击操作后,请记住隐藏图像:
document.querySelector('#youtube image).style.display='none'
,下面是JSFIDLE示例: