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

我已经嵌入了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"/>

/0.jpg）透明“宽度=“180”高度=“150”/>

//这是我嵌入的youtube常用代码

两张图片都显示为180 x 150大小，但这不是我想要的

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

---

任何css或php编码方面的线索都会很受欢迎。

我很容易就搞定了。只需创建一个带有中间播放按钮的图像，并使周围透明，然后我将此图像放在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"/>

/0.jpg）“width=“180”height=“148”/>

---

我很容易就搞定了。只需创建一个中间带有播放按钮的图像，并使周围环境透明，然后我将此图像放在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"/>

/0.jpg）“width=“180”height=“148”/>

---

您也可以使用web服务

哈尔盖特伍德服务队被打倒了，估计有太多人轰炸了他：） 现在它在github上

下面是另一个做同样事情的服务（如muktesh patel所建议的）：

旧答案：

像这样：

例如：

---

相关问题：

您也可以使用web服务

哈尔盖特伍德服务队被打倒了，估计有太多人轰炸了他：） 现在它在github上

下面是另一个做同样事情的服务（如muktesh patel所建议的）：

旧答案：

像这样：

例如：

---

相关问题：

虽然您可能正在WordPress中构建网站，但这与WordPress本身无关。您正在寻找CSS/布局帮助…您需要将播放按钮PNG放置在YouTube缩略图的顶部。正如我所说，这是一个CSS/HTML问题。请改为发布到StackOverflow。而您可能正在WordP中构建网站ress，这与WordPress本身无关。您正在寻找CSS/布局帮助…您需要将播放按钮PNG放在YouTube缩略图的顶部。正如我所说，这是一个CSS/HTML问题。请改为发布到StackOverflow。@kleopatra如果您阅读了问题和答案，您会意识到这是终点答案…这是一个lin对于一个生成缩略图的服务，我不能提供他们的代码，我也不需要提供，很多人也不需要。请在发送垃圾邮件之前阅读，谢谢。阅读不是问题-识别是；-）谢谢你的指导up@kleopatra如果你阅读了问题和答案，你会意识到这是最终的答案…它是是一个指向生成缩略图的服务的链接，我不能提供他们的代码，也不需要提供，也不需要很多人需要。请在发送垃圾邮件之前阅读，谢谢。阅读不是问题-识别是；-）谢谢你的提醒。这不是完美的，但很快，我喜欢！谢谢。这不是完美的，但很快，我喜欢！谢谢