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"请参见下文

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。对不起，我的英语不好。

4

1 回答 1

0

您的 HTML 代码不完整是吗？视频标签缺少结束标签</video>。

我假设 div 是视频标签的兄弟，所以你可以使用兄弟选择器而不是最接近的，它遍历 dom-tree。此外，如果 vjs-tech 类是视频标签的类，您可能不需要 find-part。取决于您是否有多个视频标签，在这种情况下您可以这样做

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