-1
4

2 に答える 2

1

HTML：

<ul id="list">
    <li>
        <a href="#" class="video_trigger">Ethnics</a>
        <video width="320" height="270" controls>
            <!-- your <source> elems here -->
        </video>
    </li>
</ul>

CSS：

#list video { display: none; }

JavaScript：

$( '#list' ).on( 'click', '.video_trigger', function () {
    $( this ).siblings( 'video' ).show();
});

したがって、最初はCSSを使用してVIDEO要素を非表示にします。次に、.video_triggerアンカーをクリックすると、対応するVIDEO要素が表示されます。

于 2012-12-02T23:36:05.577 に答える
1
于 2012-12-02T23:18:20.257 に答える