javascript - リンクをクリックしたときにビデオを別の div にロードする方法

Question

私はこれらの 2 つの div を持っています - 1 つには、リストの各要素がビデオへのリンクとなるメニューが含まれており、対応するビデオを最初のビデオのすぐ隣にある div にロードしたいと考えています。

フォームについて考えていましたが、これはあまり良い考えではありません。また、私は JavaScript や JQuery の知識がないので、使用方法を説明したいくつかのソリューションは非常に役立ちます。

Answer 1

このようなものが動作するはずです:

HTML:

<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<a href="javascript:;" class="link">http://youtu.be/Etst4t3ES8Y</a><br/>
<br/>
<div id="videoDiv"></div>

jQuery :

$('.link').click(function(event){
    event.preventDefault();
    var url =$(this).html();
    $("#videoDiv").html('<iframe width="400" height="400" src="'+url+'?wmode=transparent" frameborder="0" allowfullscreen></iframe>');

})