拥有动态内容，同时保持旧静态页面

我有一个视频标题列表。每个页面都带有相关视频和一些信息（播放器，说明，讨论......）。拥有动态内容，同时保持旧静态页面

<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循环中的所有锚，以获得视频ID和更换HREF一个好主意吗？

（服务器端是asp.net MVC中，JavaScript和静态侧已经工作）

来源

2013-05-15 the_lotus

你可以使用框架集，与每一个浏览器。它是一种古老的方法，但会给U U想要的东西因为它不依赖于JavaScript

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

，供您参考frameset

来源

2013-05-15 03:55:04

简短的回答，您可以使用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-15 04:34:11 cherhan

拥有动态内容，同时保持旧静态页面

回答

相关问题