Вставьте код на страницу и запустите видео

Question

У меня есть несколько тегов с именем video_button_a

<a id="first_video" class="video_button_a" href="#"></a>
<a id="second_video" class="video_button_a" href="#"></a>

Когда я нажимаю на любую из этих ссылок, мне нужно вставить это между

<embed 
src="http://reelworks.net/player.swf" 
width="480"
height="200"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="swfMovie=http://www.reelworks.net/video/runningsahara400x200.flv&swfThumb=http://www.reelworks.net/video/green.jpg&play_btn_scale=.65&playover_color=d7d3c0&playbk_alpha=.65&playbk_color=d7d3c0&play_color=1a1a1a',"
/>

Я думал добавитьно я не знал синтаксис

$('.video_button_a').click(function(){
    // code goes here 
});

Добавить способ, и если да, то как мне запустить видео, есть ли способ разместить этот код на странице и запустить видео

Answer 1

попробуйте это:

$('.video_button_a').click(function(){
    $('#player').html('<embed src="http://reelworks.n.... />');
    //return false (if you want to)
});

Я не знаю, хотите ли вы встроить код в тег "a", но я не думаю, что это хорошая идея, поскольку это флэш-видео - поэтому у меня есть идентификатор "player" для отдельный див. Вы также можете создать что-то вроде этого:

html
<div id="first_video" class="video_button_div"></div>
<div id="second_video" class="video_button_div"></div>

js
$('.video_button_div').one('click', function() {
    $(this).html('<embed src="http://reelworks.n.... />');
    //return false (if you want to)
});

css
.video_button_div {
    cursor:pointer;
    //etc
}

Надеюсь, это поможет!