[JavaScript知识库]H5页面 点击按钮播放视频，默认全屏播放，取消全屏后播放器自动隐藏

/**
     * @description 播放全屏 
     * @param {Object} element
     */
    function launchFullScreen(element) {
        if (element.requestFullScreen) {
            element.requestFullScreen();
        } else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen();
        }
    }
 	function close1() {
        var v = document.getElementById('video');//获取视频节点
        $('.videos').hide();//点击关闭按钮关闭暂停视频
        v.pause();
        $('.videos').html();
    }

        // IOS中退出全屏事件
        $('#video').on('webkitendfullscreen', function () {
            close1();
        });

        // Android中退出全屏事件
        $('#video').on('x5videoexitfullscreen', function () {
            close1();
        });

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖