javascript - 如何在 fancybox 关闭时启用 onclick

标签 javascript html video fancybox

<video controls="controls" width="640" preload="none" poster="{_file.F_FILE_THUMB_IMAGE}" id="{_file.U_PLAYER_ID}" onclick="this.play();this.onclick=null;" />

我正在尝试使用上面的内容在打开 fancybox 时播放视频。目前它会执行此操作,但是当我关闭 fancybox 然后重新打开它时,由于 this.onclick=null; ,视频不会再次播放。部分

如果没有 this.onclick=null;,每次我单击正在播放的视频时,onclick 都会干扰它,例如。单击暂停按钮时视频不会暂停。

我需要 onclick="this.play(); 以便视频在 Android 设备上播放。否则,当 fancybox 弹出时,它根本拒绝播放视频。

视频标签中的自动播放不是一个选项,因为所有视频都隐藏在 div 中,并且页面上有多个视频,因此它所做的只是在页面加载时让它们全部播放。

我遇到了这个问题,需要一些帮助,有人知道如何解决这个问题吗?

最佳答案

当您创建 fancybox 时,您应该添加一个 onClosed 事件处理程序,其中包含重置 onclick 事件的函数。

$("#exemple").fancybox({
    'onClosed' : function() {
        $("#example").attr('onclick',"this.play();this.onclick=null;");
    } 
});

关于javascript - 如何在 fancybox 关闭时启用 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10356269/

相关文章:

javascript - 如何在 html 中保留图像而不随页面的其余部分移动?

javascript - 如何使用 JavaScript 从字符串中提取十进制数

javascript - 使用 jQuery 使绝对 div 与另一个 div 的顶部位置相同

javascript - HTML 图像/视频播放列表

ios - 附加视频的自定义缩略图(非提取) - IOS、AVFoundation

php - 使用 FFMPEG 或可能的 HTML5 获取视频信息

javascript - 使用基于嵌套值的数组过滤对象数组

javascript - 下一个和上一个按钮表单流程的 HTML 表单验证

html - Bootstrap 字形图标在移动设备上随着字体大小的变化而错位

javascript - 当用户单击页面上的任意位置一次时打开新选项卡