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”标签中，我认为这不是一个好主意，因为它是一个flash视频 - 这就是为什么我有一个“播放器”id为一个单独的div。你也可以创建这样的东西：

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
}

我希望这有帮助！

将代码嵌入页面并触发视频

1 个答案: