1.添加遮罩层~2.屏蔽右键下载

 
<script type="text/javascript">
        //这里只有JS部分代码 至于CSS部分代码省略

    $('.xxTable a').click(function (event) {
//点击a标签，如果a中链接是ect == 'mp4'、 'avi'、'flv'、'3gp' 其中一个则屏蔽a标签默认事件，如
//果是其他链接（比如说是a.pdf则页面正常跳转）

        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {//判断是否是手机
            console.log('手机禁止链接')
            return
        }
        var arr = $(this).attr('href').split('.')
        var len = arr.length
        var ect = arr[len - 1] // 后缀
        if (ect == 'mp4' || ect == 'avi' || ect == 'flv' || ect == '3gp') {
            event.preventDefault() //屏蔽a标签
            $('.mask').show()
            $('.mask video').attr('src', $(this).attr('href')).get(0).play()
        }
    })
    //隐藏遮罩层  并且停止视频播放
    $('.close').click(function () {
        $('.mask').hide()
        console.log('隐藏遮罩层')
        /**
        * 停止页面视频播放
        * */
        var myvideo = document.getElementsByTagName('video')[0];
        myvideo.pause();
    })

    //禁止右键 
    $(function () {
        /**
         * 为了支持火狐  需要function中加e
         * */
        $('.mask').bind("contextmenu", function (e) {
            console.log("禁止右键")
            return false;
        });
    });
</script>

1.阻止a标签的默认行为，阻止“谷哥”浏览器能下载视频！

2.添加遮罩层用video来播放视频，支持“骚虎”浏览器。