javascript - 我如何在点击图片时播放 vimeo 播放器？

Question

我有一种情况想在我的网站中添加一个 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>

Answer 1

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();"