與Div按鈕一起工作的Iframe

-1

我有一個div內的圖像。圖像是一個播放按鈕。在圖像的頂部，我放置了一個不可見的iframe。當我點擊我要的iframe出現，並開始播放與Div按鈕一起工作的Iframe

確定圖像我想我發現，是應該做同樣的事情的代碼，但我不能讓它工作

<img src="http://www.plaisio.gr/Images/Promo/20140808-Promo-Turbo-X-Pi/turbox-pi_promo_v01_03.jpg" alt="" style="display:block;" name="video" id="video" height="272" width="495"> <iframe id="promo_video" src="" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" style="display:none;position:absolute;top:175px;left:344px;" frameborder="0" height="272" width="495"></iframe> 




    <script type="text/javascript"> 
$('img#video').click(function(){ 
$(this).parent().parent().find('#promo_video').attr('src','http://player.vimeo.com/video/102923007?autoplay=true'); 
$(this).parent().parent().find('#promo_video').fadeIn('slow'); 
}) 
</script>

，但它不是工作....任何幫助？我發現這裏http://www.plaisio.gr/Campaign/20140808-Turbo-x-Smartphone-P.htm

來源

2014-09-24 Ant Mar

是一個錯字或你忘了周圍的'visible'和'display'引號？即'=「可見」;'或者它們是實際變量嗎？此外，如果他們的目的是實際值'display'不是'style.display'的有效值，_block，inline-block，inline，hidden_等雖然 – 2014-09-24 14:15:36

在你的HTML一個simmilar工作例如你不需要的按鈕，只需添加onclick="myFunction();"您<img>

在你的CSS，你應該只有display:none，不visibility: hidden

在你的JavaScript document.getElementsByClassName("video")返回一個數組。試試這個：

function myFunction() { 
    var x = document.getElementsByClassName("video")[0]; 
    x.style.display = "block"; 
}

看看這裏：jsFiddle

來源

2014-09-24 14:38:53

thx快速回答這有助於我理解 – 2014-09-24 15:01:00

與Div按鈕一起工作的Iframe

回答

相關問題