現在のプロジェクトには 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 を見つける方法を教えてください。私の悪い英語でごめんなさい。