HTML - 对象上的图像封面答案

【问题标题】：HTML - image cover on objectHTML - 对象上的图像封面
【发布时间】：2013-12-11 14:04:45
【问题描述】：

我是一个初学者，我需要你的帮助 :) 我有一个简单的登录页面，由一个长 jpg + 图像映射制成。我已将 youtube 视频作为 object 命令嵌入图像的特定位置，但我想在按下它之前显示不同的图像（例如，带有播放按钮的图像）。

该页面也将显示在 Facebook 选项卡上。

谁能帮帮我？

P.S - 如果我有语法错误，请见谅 :)

谢谢！

【问题讨论】：

标签： html object youtube embed

【解决方案1】：

使用 JavaScript： 您可以为图像添加一个监听器，这样一旦按下它就会加载一个视频。

var image = new Image(); //Image with playbutton


//Then load your Video in the EventListener
image.onclick("load", function() {
                    alert("loaded");

function() 方法将包含运行视频的代码

这是一个关于 EventListeners 的好链接http://idratherbewriting.com/javascript/events-and-listeners-javascript/

【讨论】：

谢谢，我的问题不够准确，所以我再次发布了我的代码和规范。感谢您的努力，并感谢您的帮助！新问题在这里：goo.gl/fXwiWw

【解决方案2】：

很确定可以通过 Youtube API 实现占位符，或者你可以看看这个，How to add a splash screen/placeholder image for a YouTube video

【讨论】：

谢谢，我的问题不够准确，所以我再次发布了我的代码和规范。感谢您的努力，并感谢您的帮助！新问题在这里：goo.gl/fXwiWw