Question

我已经从youtube服务器嵌入了youtube图片，这是“http://img.youtube.com/vi/0.jpg”，现在我们看到的图像中间没有播放按钮YouTube视频！

我尝试使用以下代码在youtube图像上获取图像，但它显示更大的图片，我知道为什么

<a class="fancybox" href="#video">
<img src="/wp-content/themes/mytheme/images/play_button.png" no-repeat width: 0px height:0px; style="background: url(http://img.youtube.com/vi/<?php echo $youtubeid ; ?>/0.jpg) transparent" width="180" height="150"/>

<div id ="video">
// here is my embedded youtube usual code
</div>

两张图片均以180 x 150尺寸显示，但这不是我想要的。

我希望youtube图像以180 x 150大小显示，播放按钮图像（play_button.png）将以小尺寸显示在youtube图像的中间。

css中的任何线索或php中的编码都会非常有用。

Answer 1

我很容易整理出来。只需创建一个带有播放按钮中间的图像并使环绕透明，然后我将此图像放在youtube缩略图图像的顶部。它有效，但视频图像得到了重新排列，但它看起来并不坏。

<a class="fancybox" href="#bizgenevideo">
<img src="/wp-content/themes/mytheme/images/play-button.png" style="background: url(http://img.youtube.com/vi/<?php echo $youtubeid ; ?>/0.jpg) " width="180" height="148"/>

Answer 2

您还可以使用网络服务

halgatewood服务被取消，猜测有太多人轰炸他:) 现在它在github上

https://halgatewood.com/easily-add-play-buttons-to-youtube-video-thumbnails/ https://github.com/halgatewood/youtube-thumbnail-enhancer

这是另一项做同样事情的服务（由muktesh patel建议）：

http://www.giikers.com/iwc

旧答案：

http://halgatewood.com/youtube/

像这样： http://halgatewood.com/youtube/i/youtube_id.jpg

例如： http://halgatewood.com/youtube/i/aIgY20n3n0Y.jpg

相关问题：How to overlay a play button over a YouTube thumbnail image

如何在youtube图像上显示/添加播放按钮？

2 个答案:

旧答案：