Question

我制作了一个与http://www.apple.com/findouthow/mac/

非常相似的视频播放器弹出窗口

这是我到目前为止所建立的：

enter image description here

我想做的，就像在Apple网站上一样，允许用户点击侧边栏上的链接并加载其他视频。我查看了各种脚本，例如jQuery UI Tabs和jQuery Tools Tabs，但似乎并不是我真正想要的...添加太多或太少的功能。

由于它是视频，我希望通过AJAX加载它们，以便在不使用时它们不会出现在页面上。他们存在的任何东西都可以做我想要的吗？或者有人能指出我正确的方向来构建这样的弹出窗口吗？

由于

Answer 1

我猜这些视频是嵌入式闪光对象，对吧？

我所做的就是以下内容，只需从外部html页面加载嵌入代码，或者 - 如果您有幸，请将具有唯一ID的ajax请求发送到数据库服务器并获取嵌入代码。

方法1：

$("#viewport").load("repository.html #vid_id",function() {                                                                                 
   $("#viewport object").attr("width", 600);                                               
   $("#viewport object").attr("height", 470);                                       
   $("embed[name='somename']").attr("width", 600);                                          
   $("embed[name='somename']").attr("height", 470);                                         
   osrc = $("embed[name='somename']").attr("src");                                          
   $("embed[name='somename']").attr("src", "http://newurl.com/" + osrc);                                        
   $("param[name='src']").attr("src", "http://newurl.com/" + osrc);
});

这段代码的作用是从文件repository.html加载#vid_id，然后使用回调函数（例如宽度和高度以及src）更改加载后的一些属性（可能需要）如果对象没有绝对路径，我知道我需要它。）

第二种方法：

$.get("get_vid.php", {vid_id: "video_id_wanted"}, function(data){
$("#viewport").html(data)
});

当然在get_vid.php上，你将有一个PHP代码来处理理想的video_id，以及一个包含所述嵌入的所有信息的数据库表。

祝你好运！

jQuery：显示不同视频的标签

1 个答案: