单击时使用jQuery或Javascript更改变量值

我有一个页面，其中有一个视频链接表（想想播放列表），每个链接都包含一个vimeo id。我还有一个针对vimeo视频优化的HTML5播放器，我只需在单击所选视频时更改id

我的代码如下：

<table width="100%">
    <tbody>
        <tr>
            <td valign="middle" class="media"><p><a href="#"><i class="fa fa-play-circle-o"></i></a></p></td>
            <td valign="middle" class="name"><p>Christmas Chapel<span>Dr William M Wilson</span></p></td>
            <td valign="middle" class="info"><p>Special Christmas Chapel</p></td>
            <td valign="middle" class="day"><p>December 02, 2015</p></td>
        </tr>
        <tr>
            <td valign="middle" class="media"><p><a href="#"><i class="fa fa-play-circle-o"></i></a></p></td>
            <td valign="middle" class="name"><p>Christmas Chapel<span>Dr William M Wilson</span></p></td>
            <td valign="middle" class="info"><p>Special Christmas Chapel</p></td>
            <td valign="middle" class="day"><p>December 01, 2015</p></td>
        </tr>
    </tbody>
</table>

视频播放器：

<?php 
    <iframe width="100%" height="520" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="//player.vimeo.com/video/[ID-GOES-HERE]" id="myvideo"></iframe>
?>

我的表格如下：

<table width="100%">
    <tbody>
        <tr>
            <td valign="middle" class="media"><p><a href="#"><i class="fa fa-play-circle-o"></i></a></p></td>
            <td valign="middle" class="name"><p>Christmas Chapel<span>Dr William M Wilson</span></p></td>
            <td valign="middle" class="info"><p>Special Christmas Chapel</p></td>
            <td valign="middle" class="day"><p>December 02, 2015</p></td>
        </tr>
        <tr>
            <td valign="middle" class="media"><p><a href="#"><i class="fa fa-play-circle-o"></i></a></p></td>
            <td valign="middle" class="name"><p>Christmas Chapel<span>Dr William M Wilson</span></p></td>
            <td valign="middle" class="info"><p>Special Christmas Chapel</p></td>
            <td valign="middle" class="day"><p>December 01, 2015</p></td>
        </tr>
    </tbody>
</table>

威廉·威尔逊圣诞教堂

特别圣诞教堂

2015年12月2日


威廉·威尔逊圣诞教堂

特别圣诞教堂

2015年12月1日

我希望这样，当任何人点击12月2日的“a”标签时，它会将视频vimeo id推入播放器，并开始自动播放视频。如果我点击Dec 1st，它还需要用Dec 1st覆盖Dec 2nd值

---

做这件事的最佳方法是什么？

如果是我，我会给iframe一个id，使它更容易引用。然后使用jquery更改为src

<iframe id="myiframe" width="100%" height="520" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="//player.vimeo.com/video/[ID-GOES-HERE]" id="myvideo"></iframe>

<a href="#" class="thelinks" onclick="replace_src('ABC_THE_VIMEO_ID_XYZ');"><i class="fa fa-play-circle-o"></i></a>

<script>
function replace_src(vimeoid) {   $('#myiframe').attr("src", "http://player.vimeo.com/video/"+vimeoid); }
</script>

函数replace_src（vimeoid）{$（'#myiframe'）.attr（“src”，”http://player.vimeo.com/video/“+vimeoid）；}

到目前为止您尝试了什么？我尝试了创建$vimeo_id变量并使用javascript“onclick”命令加载参数，但它不想将其加载到iframe中。除此之外，我还很早就开始了这个过程。整个页面是作为php函数构建的，因为表是由SQL字符串生成的。到目前为止，这个过程很简单，我调用了这个表，它在数据库中查找所有公共条目来生成这个表。现在我需要让视频播放器从变量或SQL字符串（$row_a['vimeo_id']）中获取vimeo_id，以便正常工作。