Question

<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中，并且页面上有多个视频，所以它只是在页面加载时全部播放。

我坚持这个并需要一些帮助，有人知道如何解决这个问题吗？

Answer 1

当你创建fancybox时，你应该添加一个带有函数的onClosed事件处理程序来重置onclick事件。

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

Answer 2

尝试更改

onclick="this.play();this.onclick=null;"

要

onclick="this.play();this.onclick=null;"  
//OR
onclick="this.play(); return false;"

如何在fancybox关闭时启用onclick

2 个答案: