如何在圖片上點擊vimeo播放器？

我有一種情況，我想添加一個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>

來源

2012-02-10 Athul

IFrame不再只是文本添加它的innerHTML，你需要將其添加爲元素。所以乙醚創建它作爲元素，乙醚添加它作爲標記準備好你的HTML代碼，只需更改src和它的可見性。這裏是你如何創建它onfly。

function imgClick() {  
     var ifrm = document.createElement("IFRAME"); 
      ifrm.setAttribute("src", "http://player.vimeo.com/video/36302746?title=0&amp;byline=0&amp;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();"

來源

2012-02-10 07:26:06 Aristos

抱歉，但這不是在我的情況下工作，VIMEO播放器不是在圖像下。爲您的參考，我嵌入我的整個代碼 – Athul 2012-02-10 08:21:16

@Athulks它對我有用，也許一些細節在你的情況下停止它，也許是一個JavaScript錯誤... – Aristos 2012-02-10 08:23:01

感謝Aristos它對我也一樣。 – Athul 2012-02-13 09:41:51

如何在圖片上點擊vimeo播放器？

回答

相關問題