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