0

現在のプロジェクトには HTML5 ビデオがあります。これにはビデオ js プラグインを使用しました。再生ボタンをクリックすると、ビデオのサイズを大きくしたい(全画面表示ではない)ようになりました。

HTML

<video id="big-72_html5_api" class="vjs-tech" data-setup="{ "controls": true,"autoplay": false, "loop": false, "preload": "true" }" preload="true">
<div></div>
<div class="vjs-poster" tabindex="-1" style="display: none;"></div>
<div class="vjs-text-track-display"></div>
<div class="vjs-loading-spinner" style="display: none;"></div>
<div class="vjs-big-play-button" aria-live="polite" tabindex="0" aria-label="play video">
<div class="vjs-control-bar">

クリックイベントを追加して <div class="vjs-big-play-button"、上部のビデオタグのIDを見つけました。 <video id="big-72_html5_api"以下を参照してください

Jクエリ

    $("#user-table").on('click','.vjs-big-play-button', function() {
    var closest_video_id = $(this).closest( "video" ).find(".vjs-tech").attr( "id" );
    alert(closest_video_id);
});

再生ボタンをクリックすると非表示モードになります。下記をご覧ください

再生ボタンをクリックしたとき

<div class="vjs-big-play-button" aria-live="polite" tabindex="0" aria-label="play video" style="display: none;">

ボタンをクリックして再生するときにビデオ タグ ID を見つける方法を教えてください。私の悪い英語でごめんなさい。

4

1 に答える 1

0

あなたの HTML コードは完全ではありませんか? video-tag に終了タグがありません</video>

div は video-tag の兄弟であると想定しているため、dom-tree をたどる最も近いのではなく、siblings-selectorを使用できます。また、クラス vjs-tech が video-tag のクラスである場合、find-part は必要ないかもしれません。複数のビデオタグがある場合は依存します。

var closest_video_id = $(this).siblings("video.vjs-tech").attr("id");
于 2013-08-27T13:01:15.627 に答える