javascript - 在暂停jquery时隐藏html5视频

Question

我有一个 html5 视频，它最初是隐藏的，然后用自定义播放按钮显示和播放。但是，在 iphone 上，当用户从视频查看屏幕单击“完成”时，视频仍然可见。我很确定“完成”按钮是一个暂停功能。假设是这种情况，有没有办法我可以在移动设备上暂停时隐藏视频？

Answer 1

我想你正在寻找

$("video")[0].addEventListener("webkitendfullscreen", function () {
            //hide video here
            $(this).hide();
        }, true);

按下完成按钮时会触发 webkitendfullscreen 事件。