video.js+jquery+视频云

2024年2月1日 217次阅读 来源: 李尚

在做视频相关项目的时候，出现了一些问题，项目中解决了，在这里写个总结：

出现的问题：
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>
        
**主要是写给自己看的，有什么问题的话，大家可以一起交流，么么哒**
    原文作者：李尚
    原文地址: https://segmentfault.com/a/1190000009521777
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞