在我当前的项目中有一个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"
中添加了点击事件,以查找上部视频标签<video id="big-72_html5_api"
的id。请参阅下面的
Jquery
$("#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时点击播放按钮。抱歉我英语不好。
您的HTML代码不完整,是吗?视频标记缺少结束标记</video>
。
我假设div是视频标签的兄弟,所以你可以使用兄弟选择器,而不是最接近的选择器,它遍历dom树。此外,如果类vjs-tech是视频标签的类,则可能不需要查找部分。Depents如果你有多个视频标签,在这种情况下你可以做
var closest_video_id = $(this).siblings("video.vjs-tech").attr("id");