将脚本应用于具有唯一 ID 的多个视频标签

Question

我有一个脚本，它将皮肤应用于id为"videoLabel1"的视频标签

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

我想修改脚本，将皮肤应用于任何数量的视频标签，每个标签都标记为id="videoLabelX"，其中X是我选择的任何数字，以保持每个id的唯一性。

Answer 1

使用带选择器的开始http://api.jquery.com/attribute-starts-with-selector/

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

或者向视频标签添加一个类（class="videoLabel"）并将其用作选择器

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

Answer 2

您将使用attribute-starts-with选择器（^=）：

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

http://api.jquery.com/attribute-starts-with-selector/

但是，如果你可以控制HTML:，你最好在视频标签中添加一个类

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

JS:

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