在做视频相关项目的时候,出现了一些问题,项目中解决了,在这里写个总结:
出现的问题:
1.百度ueditor带的视频上传,在前端显示的时候总是带有下载按钮,video.js里面的controls也不好去掉。
2.后台添加视频的时候,php.ini有upload_max_filesize,在用虚拟空间的时候,这个不能调,无法上传过大的文件。
3.放在虚拟空间后,视频无法播放,不支持流媒体
解决办法
1.无论用不用百度ueditor传视频,若想禁掉下载按钮,可用:
<!--去掉下载按钮-->
<style type="text/css">
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
</style>
<!--去除右键事件-->
$("video").live("contextmenu",function(){//取消右键事件
return false;});
<!--另一种,实在不行就在body里面加-->
<script type="text/javascript">
$('div').bind("contextmenu", function(e){ return false; })
</script>
<!--或者禁掉整个body的右键-->
<body oncontextmenu=self.event.returnvalue=false>
2.若想做到不限制视频上传的大小,可用如下解决方法:
(1)用服务器。设置php.ini的upload_max_filesize
(2)虚拟空间,问服务商能否给设置
(3)用视频云服务商,有免费的,这里就不打广告了
a.在后台加上一个多媒体链接的<input>,用来给用户填写多媒体的地址(这个的获得在b里面讲),填上去,传给后台,把地址存入数据库,前台用video.js取出来就可以看了。
b.用视频云,一般免费提供一些空间,我用的是免费10G的,在这就不打广告了。在这里可以上传视频、音频,上传后会有一个地址,这个地址填在a里的<input>里即可。
3.web.gonfig做相应配置,放在根目录里
<configuration>
<system.webServer>
<staticContent>
<remove fileExtension=".mp4" />
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
</staticContent>
</system.webServer>
</configuration>
**主要是写给自己看的,有什么问题的话,大家可以一起交流,么么哒**
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。