Question

我有这个HTML ..

<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种格式？使用like：

task2Video[task2Video] ......喜欢这样吗？

Answer 1

假设您希望保留特定的文件扩展名，您的脚本可能如下所示：

// 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。

如何更新视频网址...使用jquery简单的方法？

1 个答案: