移动端video的一些坑和需求

一、android中视频下载按钮隐藏
1.css的样式

<style type="text/css">
    video::-webkit-media-controls-enclosure {
        overflow:hidden;
    }
    video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
</style>

2.去除监听事件

$("video").live("contextmenu",function(){//取消右键事件
    return false;});

二、移动端自动播放

　　由于手机端为了追求性能的优化，一般限制视频的自动播放，有些时候设置了auotplay属性也是无用的。这时，需要客户端的配合。

     1、ios端　

　　　　

self.wView.allowsInlineMediaPlayback = YES;
self.wView.mediaPlaybackRequiresUserAction = NO;

　　2、android

　　安卓机型中有些支持autoplay="true"属性，有些不支持，可以试试以下的方法。

　　　　1⃣️

//html
<video src="视频地址" id="video_test"></video>

//js
var _video=document.getElementById("video_test");
_video.play();
//或者
_video[0].play();

　　　　

　　　　2⃣️上一种方法不行，就需要封装方法给客户端调用

//js
var _video=document.getElementById("video_test");
//给android调用
var giveAndroid=function(){
    _video[0].play();
}