HTML - 对象上的图像封面

时间:2013-11-26 12:19:28

标签: html object youtube embed

我是个乞丐,我需要你的帮助:) 我有一个简单的登陆页面,由一个长jpg +图像映射。 我已经在图像上的特定位置嵌入了一个YouTube视频作为对象命令,但我希望在按下之前显示不同的图像(例如,带有播放按钮的图像)。 / p>

该页面也将显示在Facebook标签上。

任何人都可以帮助我吗?

P.S - 对不起,如果我有语法错误:)

谢谢!

2 个答案:

答案 0 :(得分:0)

使用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/

的一个很好的链接

答案 1 :(得分:0)

非常确定占位符可以通过Youtube API实现,或者您可以查看一下,How to add a splash screen/placeholder image for a YouTube video