0

我有一个包含 30 个链接的 HTML 页面，每个链接都指向一个 YouTube 视频。所有视频都属于同一个 YouTube 频道。HTML 页面还具有 YouTube 播放器。我试图弄清楚以下是否可行（可能不使用 PHP）：单击链接后，视频播放器会在同一页面上刷新并显示视频。页面本身不会刷新 - 只有视频播放器会。除了 PHP 还有其他选择吗？任何人都可以将我链接到某种超级简单的指南来自己做吗？（...“低于初学者”级别）。

4

4 回答 4

1

你是如何与 youtube 链接的？带iframe标签？如果您正在使用，iframe那么您只能在同一页面中看到所有视频。页面不会刷新。

如果不是这种情况，请更具体。

于 2013-01-25T06:39:44.723 回答
1

您可以使用 jquery 执行此操作。在链接的 href 属性中，使用视频的嵌入 url，如下代码所示。

<script type='text/javascript' src='jquery.js'></script>
<script type='text/javascript'>
    $(document).ready(function() {      
        $('a').click(function() {
            $('iframe').attr('src', $(this).attr('href'));
            return false;
        });
    })
</script>

<iframe width="560" height="315" src="http://www.youtube.com/embed/J5x5gduEWtI" frameborder="0" allowfullscreen></iframe>

<br><br>
<a href='http://www.youtube.com/embed/J5x5gduEWtI'>Link1</a>
<a href='http://www.youtube.com/embed/WmDmUDXxeXU'>Link2</a>
<a href='http://www.youtube.com/embed/UNlgAuMWuvw'>Link3</a>

编辑： 这也可以。

<iframe id='iframe' width="560" height="315" src="http://www.youtube.com/embed/J5x5gduEWtI" frameborder="0" allowfullscreen></iframe>

<br><br>
<a href='http://www.youtube.com/embed/J5x5gduEWtI' target='iframe'>Link1</a>
<a href='http://www.youtube.com/embed/WmDmUDXxeXU' target='iframe'>Link2</a>
<a href='http://www.youtube.com/embed/UNlgAuMWuvw' target='iframe'>Link3</a>
于 2013-01-25T06:55:30.953 回答
0

如果您不想刷新页面，那么您唯一的选择是 JavaScript（即您必须在客户端执行此操作）。

于 2013-01-25T06:39:23.743 回答
0

您可以通过将 youtube 播放器保存在具有某些 ID（例如：id="playerFrame"）的 iframe 中来做到这一点。然后在相关的超链接（'a'标签）中，将 iframe 的 id 作为“target”属性的值。

<iframe id="playerFrame"></iframe>
<a href="http://youtubeurl" target="playerFrame">Click to see video 1</a>

请参阅http://webdesign.about.com/od/iframes/qt/target-links-iframes-and-frames.htm

于 2013-01-25T06:56:14.160 回答