wordpress 视频结束时显示按钮

0s7z1bwu 于 2023-03-07 发布在 WordPress

关注(0)|答案(1)|浏览(185)

我在WordPress网站上工作，在其中我有2个主要插件安装（一）LearnDash LMS（二）精英视频播放器
我已经创建了一个简短的代码从“精英视频播放器”插件，用于播放视频
我把这个短代码放在Learndash Topic里面，如下所示：https://prnt.sc/x4nwks
现在，最初我想隐藏“标记完成”按钮，当视频完全播放时，我想显示“标记完成”按钮
我尝试了各种jQuery代码，但没有一个能正常工作

var jqueryVideo = jQuery(".video-stream");
jqueryVideo.on("ended", function() {
   alert('This Does Work!');
});

检查此图像，它正在创建blob URL

我也尝试了这个代码从这个URL：https://github.com/sharan-aithal/Elite-Video-Player，但显示2个视频

jQuery(document).ready(function($){
   videoPlayer = jQuery(".Elite_video_player").Video({
      onFinish:jQuery(".learndash_mark_complete_button").show(),
   });
});

wordpress

来源：https://stackoverflow.com/questions/65775665/show-button-when-video-is-finished

1条答案

按热度按时间

6yjfywim1#

HTML媒体元素：结束事件

当播放或流因到达媒体结尾或无更多数据可用而停止时，将触发ended事件。

示例

const video = document.querySelector("video");
video.onended = (event) => {
    console.log('This Does Work!');
};

<video class="video" controls>
    <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
</video>

wordpress 视频结束时显示按钮

1条答案

HTML媒体元素：结束事件

示例

相关事件

相关问题

热门标签

最新问答