2

我有一个视频标题列表。每个人都会进入一个页面，其中包含有问题的视频和一些信息（播放器、描述、讨论......）。

<div id="video-list">
<a href="/Video/title-1">Title 1</a><br />
<a href="/Video/title-2">Title 2</a><br />
<a href="/Video/title-3">Title 3</a><br />
</div>

我想用 Javascript/JQuery 让事情变得更有活力。屏幕一分为二，左边是视频列表，右边是信息。

<a href="javascript: PlayVideo(123);">Title 1</a>

但我仍然想为没有 javascript 的人和搜索引擎爬虫保留旧链接。

有类似的东西是个好主意吗

<a href="/Video/title-1" videoid="123">Title 1</a>

并使用 JQuery 循环所有锚以获取 videoid 并替换 href？

（服务器端是 asp.net mvc，javascript 和静态端已经工作）

4

2 回答 2

0

您可以使用框架集，适用于所有浏览器。这是一种古老的方式，但会给你你想要的，因为它不依赖于 Javascript

<frameset cols="25%,*">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
</frameset>

供您参考的框架集

于 2013-05-15T03:55:04.910 回答
0

简短的回答，您可以使用 iFrame 来实现您想要的。将屏幕分成两个 div，左 div 存储链接，右 div 存储 iframe 和视频播放器。

http://jsfiddle.net/2vmYG/ -> 完整的 CSS

<div id="container">
    <div id="videoList">
        <a href='http://www.dailymotion.com/video/xzvsp7_joe-jack-the-mogul-mulla_music#.UZMPerUwpuA' target="video">Video 1</a><br/>
        <a href='http://www.dailymotion.com/video/xzu16h_daft-punk-random-access-memories-unboxed_music#.UZMPRbUwpuA' target="video">Video 2</a><br/>
    </div>
    <div id="videoPlayer">
        <iframe id='video' src=""></iframe>
    </div>
</div>

如果您正在寻找完整的 AJAX/jQuery 解决方案，您将需要一个播放器（flowplayer、jwplayer）等。

于 2013-05-15T04:34:11.430 回答