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

我被困住了，需要一些帮助，有人知道如何解决这个问题吗？

4

2 回答 2

2

创建fancybox 时，您应该添加一个带有重置onclick 事件功能的onClosed 事件处理程序。

$("#exemple").fancybox({
    'onClosed' : function() {
        $("#example").attr('onclick',"this.play();this.onclick=null;");
    } 
});
于 2012-04-27T18:57:50.883 回答
1

尝试改变

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

到

onclick="this.play();this.onclick=null;"  
//OR
onclick="this.play(); return false;"
于 2012-04-27T18:55:00.713 回答