| | |
| | | <form class="layui-form" action="" lay-filter="aiCompany-info-form"> |
| | | <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> |
| | | <ul class="layui-tab-title"> |
| | | <li class="layui-this">基础信息</li> |
| | | <li class="layui-this">知识点视频上传</li> |
| | | </ul> |
| | | <div class="layui-tab-content"> |
| | | <div class="upload-container"> |
| | | <div class="upload-header"> |
| | | <h2>大文件上传系统</h2> |
| | | <h2>知识点视频上传</h2> |
| | | <p>支持分片上传,最大支持10GB文件</p> |
| | | <p>产品知识点中的视频选择器中选择,小程序中可以通过学习模块中,观看视频</p> |
| | | </div> |
| | | |
| | | <!-- 上传区域 --> |
| | |
| | | <i class="layui-icon layui-icon-upload-drag upload-icon"></i> |
| | | <div class="upload-text"> |
| | | <p>点击或拖拽文件到此处上传</p> |
| | | <small>支持视频文件上传</small> |
| | | <small>仅视频上传</small> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | var videoPlayer = document.getElementById('videoPlayer'); |
| | | var videoSource = document.getElementById('videoSource'); |
| | | |
| | | // 根据文件扩展名设置正确的MIME类型 |
| | | var extension = fileName.split('.').pop().toLowerCase(); |
| | | var mimeType = 'video/mp4'; |
| | | switch(extension) { |
| | | case 'avi': |
| | | mimeType = 'video/x-msvideo'; |
| | | break; |
| | | case 'mov': |
| | | mimeType = 'video/quicktime'; |
| | | break; |
| | | case 'wmv': |
| | | mimeType = 'video/x-ms-wmv'; |
| | | break; |
| | | case 'flv': |
| | | mimeType = 'video/x-flv'; |
| | | break; |
| | | case 'webm': |
| | | mimeType = 'video/webm'; |
| | | break; |
| | | case 'mkv': |
| | | mimeType = 'video/x-matroska'; |
| | | break; |
| | | } |
| | | |
| | | videoSource.src = '/fileUpload/play/' + encodeURIComponent(fileName); |
| | | videoSource.type = mimeType; |
| | | videoPlayer.load(); |
| | | videoPlayer.play(); |
| | | }); |