2012-10-22 27 views
1

我有这个网站..如何使用jquery简单的方式更新视频网址?

<video id="task2ResultVideo" autobuffer poster="img/task2-results-host-poster.jpg"> 
    <source src="Video/webm/Task_2.4a_Host_treated.webm" type="video/webm" /> 
    <source src="Video/ogv/Task_2.4a_Host_treated.theora.ogv" type="video/ogg" /> 
    <source src="Video/MP4/Task_2.4a_Host_treated.mp4" type="video/mp4" /> 
</video> 

在页面上,有一点,如果此按钮,用户点击,我需要根据点击了哪些用户的选择来改变视频。 (虽然用户舔我产生task2Video[username],见下面我宣布。)

我的视频股票:

var task2Video = { 
    jonkimpaulo : "Task_2.4a_Host_treated", 
    jonpaulokim : "Task_2.4a_Host_treated", 
    kimjonpaulo : "Task_2.5a_Host_treated", 
    kimpaulojon : "Task_2.5a_Host_treated", 
    paulokimjon : "Task_2.6a_Host_treated", 
    paulojonkim : "Task_2.6a_Host_treated" 
} 

使用上面的名字,我怎么能代替所有3种格式的?使用像:

task2Video[task2Video] ...像这样?

回答

0

Assumming你想保持特定的文件扩展名,你的脚本可能是这样的:

// TODO implement yourself according to your needs 
var nextvideo = task2Video.paulokimjon; 

// iterate thru all video sources 
$('video source').each(function() { 

    // remember the suffix 
    var suffix = $(this).attr('src').split('.').pop(); 

    // update src (using new value, appending suffix) 
    $(this).attr('src', nextvideo + '.' + suffix); 

}); 

看到这个DEMO

+0

在第二个来源中,有2个点在工作中......它会造成问题。但感谢您的帮助 – 3gwebtrain

+0

你有什么想法来处理这个? – 3gwebtrain

+0

如果是唯一的情况,你可以添加'if(suffix =='ogv')suffix ='theora.ogv';' –