1

私はこの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 種類の形式すべてを置き換えるにはどうすればよいですか? 次のように使用します。

task2Video[task2Video]...そのようです?

4

1 に答える 1

0

特定のファイル拡張子を保持したい場合、スクリプトは次のようになります。

// 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);

});

このデモを参照してください。

于 2012-10-22T09:10:34.667 に答える