c# - 动态设置 Iframe 的 Src 属性，同时保持跨浏览器兼容性

Question

我将创建一个必须动态更新其内容的 Iframe(通过 src 属性 - 每次单击不同的按钮时，Iframe 都会更改其位置)以播放我公司创建的不同 YouTube 视频。问题是我看到你可以使用jquery来实现这一点。我目前对 jquery 不太了解，但需要时间来学习它。现在，我需要一个答案。如何使用 Jquery(或任何浏览器友好的替代方法)更改 Iframe 的 src 属性？

<script runat="server">

</script>
<div style="margin-left:auto;margin-right:auto">
    <table style="width: 960px" cellpadding="0px" cellspacing="0px">
        <tr>
            <td rowspan="6">
                <iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/JZOxqVl5oP4"
                    frameborder="0" allowfullscreen id="VideoPlayer"></iframe>
            </td>
            <td style="Width: 130px">
                <img width="130px" src="./Images/Video_Logos/l_absa.gif" />
            </td>
...

请注意，有 10 个按钮。这些按钮是图像，我打算为不同的视频调用不同的“方法”来播放。

我知道函数中的 javascript Document.GetElementById("VideoPlayer").SetAttribute("src","NEW LOCATION")，但是，让我们面对现实吧。 IE6+7 太糟糕了。

Answer 1

只需使用链接即可。无需乱搞 JavaScript。

您需要为框架命名，这就是链接目标框架的方式。

<a href="http://youtube.com/etc/etc" 
   target="name_of_frame">
       <img width="130" 
            src="./Images/Video_Logos/l_absa.gif" 
            alt="something" />
</a>

宽度属性采用整数值(或整数后跟 % 字符)，而不是 CSS 长度。摆脱px .

<img> 上的 alt 属性元素是强制性的 ( even in HTML 5 )