javascript - 一意の ID を持つ複数のビデオタグにスクリプトを適用する

Question

id="videoLabel1" の動画タグにスキンを適用するスクリプトがあります。

$(function() {
    $('#videoLabel1').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

スクリプトを変更して、id="videoLabelX" というラベルの付いた任意の数のビデオタグにスキンを適用するようにします。ここで、X は選択した任意の番号で、各 ID を一意に保ちます。

score 1 · Accepted Answer

$(function() {
    $('[id^="videoLabel"]').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

class="videoLabel"またはクラス（）をビデオタグに追加し、それをセレクターとして使用します

$(function() {
    $('.videoLabel').vp1_html5_Video({
        skin: 'futuristicChrome',
        seekBarAdjust:255
    });
});

score 1 · Accepted Answer

attribute-starts-withセレクター ( ^=)を使用します。

$('[id^=videoLabel]').vp1_html5_Video({
    skin: 'futuristicChrome',
    seekBarAdjust:255
});

ただし、HTML を制御できる場合は、ビデオタグにクラスを追加することをお勧めします。

<video class="skinnedVideoClass" id="videoLabel4">...</video>

JS:

$('.skinnedVideoClass').vp1_html5_Video({ ... });

javascript - 一意の ID を持つ複数のビデオ タグにスクリプトを適用する