javascript - 在 Wordpress 解决方案中自定义 YouTube 缩略图并仍然计算观看次数?

标签 javascript html css wordpress youtube

有什么方法可以在 Wordpress 帖子中为我的精选视频(YouTube 视频)制作自定义缩略图,例如 this page有(向下滚动一点),仍然让 YouTube 将“播放”按钮上的点击计为一次观看?我听说 YouTube 有这种功能,但我无法找到它。有人在这里有某种知识或经验吗?

提前谢谢你们。

最佳答案

一种可能的方法是插入全宽视频,然后放置一个 <img src="yourImage.jpg" />用 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 来做,但我没有找到。让我知道它是否有帮助以及您是否需要完整的实现。

顺便说一句,有人问过同样的问题here之前在我通过谷歌搜索找到的另一个 stackoverflow 问题中 youtube embed custom preview image

关于javascript - 在 Wordpress 解决方案中自定义 YouTube 缩略图并仍然计算观看次数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44056583/

相关文章:

javascript - Angular 平图拉不加载宽度和高度

javascript - R Shiny-为电缆表添加额外的标题行 'sticky'

html - 不影响文本的背景图像不透明度

java - 如何从 javascript sdk 获取 facebook 结果到 java

javascript - 使用 jquery(使用自定义代码)更改 div 类和 id 的基本语法

python - 使用 XPath 在使用 python 的 <td> 单元格中获取文本

html - 修复 HTML 中的 Tabbing 控件总是显示在屏幕的底部边缘

HTML 表格切断长文本并在悬停/单击时显示全文

javascript - 在 JavaScript 中输入按键序列

javascript - 使用 Javascript 单击更改 CSS 类?