Javascript 如何在图像点击上播放vimeo播放器？

我有一个情况，我想在我的网站上添加一个vimeo播放器，在播放器上面我需要显示一个图像。单击图像时，我希望vimeo播放器播放。 到目前为止，我已经做了一点，我设法让vimeo播放器在图片点击页面上。但现在我需要手动播放它。有人告诉我如何在图像点击上自动播放吗？ 我已经做了一些代码，我粘贴在这里

<script type="text/javascript">

    function imgClick() {
        var video = '<iframe src="http://player.vimeo.com/video/36302746?title=0&amp;byline=0&amp;portrait=0" width="400" height="225" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""> </iframe>';
        document.getElementById("vPlayer").innerHTML = video;
    }

</script>

函数imgClick（）{
var视频=“”；
document.getElementById（“vPlayer”）.innerHTML=视频；
}

iframe不仅仅是文本，要将其添加到innerHtml中，还需要将其添加为元素。所以以太创建它为元素，以太添加它为标记，在html代码上都准备好了，只需更改它的src和可见性。下面是如何在运行中创建它

function imgClick() {    
        var ifrm = document.createElement("IFRAME"); 
           ifrm.setAttribute("src", "http://player.vimeo.com/video/36302746?title=0&byline=0&portrait=0"); 
           ifrm.style.width = "400px"; 
           ifrm.style.height = "224px"; 
           // add rest of your values
           ifrm.frameborder = 0;
           document.getElementById("vPlayer").appendChild(ifrm); 
        return false;        
}

---

我测试这段代码并开始工作。从您的图像中将其称为

onclick=“return imgClick（）；”

对不起，在我的情况下，这不起作用，vimeo player不在图像下。供你参考，我把我的全部code@Athulks它对我有用，也许一些细节在你的情况下阻止了它，也许是javascript错误。。。