我有很長的視頻列表,並且有很多iframe會減慢所有的瀏覽器。我決定只使用他們的截圖。通過點擊屏幕截圖,iframe將被顯示,screeshot將被隱藏。我正好被設置爲默認爲隱藏的iframe,但我想的iframe動態地附加,使I幀不會在HTML代碼編寫可言,這裏是我的代碼:通過點擊它的屏幕截圖來追加iframe
<div class="youtube">
<div class="description">Desciption 1</div>
<div class="youtube_thumb">
<img src="http://img.youtube.com/vi/mqf6K6qYOWg/0.jpg" style="width:325px;border:0;" />
<iframe width="325" height="250" src="http://www.youtube.com/embed/mqf6K6qYOWg" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="youtube">
<div class="description">Desciption 2</div>
<div class="youtube_thumb">
<img src="http://img.youtube.com/vi/GIc14HyiLNs/0.jpg" style="width:325px;border:0;" />
<iframe width="325" height="250" src="http://www.youtube.com/embed/GIc14HyiLNs" frameborder="0" allowfullscreen></iframe>
</div>
</div>
等..
和javascript:
$('.youtube_thumb > img').click(function(){
var $img = $(this);
$img.hide();
$img.next().show();
});
和風格:
.youtube_thumb iframe { display:none; }
.youtube_thumb:hover { cursor:pointer; }
正如你可以看到和PROBA bly知道,我得到的截圖是直接來自youtube,因此截圖鏈接:mqf6K6qYOWg/0.jpg
和框架鏈接:/embed/mqf6K6qYOWg
都是一樣的,我認爲可以通過使用截圖的鏈接,將iframe附加到同一個鏈接。我怎麼能做到這一點?
'$( 「
@epascarello我沒有回答它)我想成爲iframe追加,而不是隱藏 – 2013-02-19 14:01:35
OH我誤讀了。哎呦。對於那個很抱歉。 – epascarello 2013-02-19 14:01:59