请给我详细的展示以上每一步的操作

由于这是一个详述性的过程，我会一步步地指导如何在CKEditor 4中通过CKFinder插件上传视频：

1. **安装CKEditor和CKFinder**:
- 下载CKEditor官网的最新版本：https://ckeditor.com/download
- 从CKFinder官网下载适合CKEditor的版本：https://cksource.com/downloads/ckfinder
将这两个组件分别解压到项目中。

2. **配置CKEditor**:
- 在HTML中引入CKEditor和CKFinder所需的CSS和JavaScript文件：

   <script src="path/to/ckeditor.js"></script>
   <script src="path/to/ckfinder/ckfinder.js"></script>

- 创建CKEditor实例时，指定CKFinder作为文件浏览器：

   CKEDITOR.replace('editor', {
     // ...
     filebrowserBrowseUrl: 'ckfinder/connector/connector.php',
     filebrowserUploadUrl: 'ckfinder/core/connector/php/connector.php',
     // ...
   });

3. **配置CKFinder**:
- 在`ckfinder/config.json`文件中，设置上传目录、文件类型过滤（仅限视频），以及其他选项。例如：

   {
     "Connector": {
       "DirectAccess": false,
       "Debug": true,
       "BasePath": "/ckfinder",
       "Url": "/ckfinder/core/connector/php/"
     },
     "Core": {
       "SecurityCheck": false,
       "ImageAllowTypes": "jpg,jpeg,png,gif,bmp",
       "ImageMaxSize": "0",
       "VideoAllowTypes": "mp4,mov,avi",
       "VideoMaxSize": "50mb"
     }
   }

请注意，这里设置了`VideoAllowTypes`和`VideoMaxSize`，只允许上传指定类型的视频，且最大尺寸为50MB。

4. **在CKEditor中添加上传按钮**:
- 你可以使用CKFinder的UI组件在编辑器中添加上传按钮，或者自定义HTML元素：

   CKEDITOR.plugins.addExternal( 'upload', 'ckfinder/ckeditor/', [
     'filemanager/uploadbutton.js'
   ] );

   CKEDITOR.config.filemanager_uploadButtonHtml = '<a href="#" class="cke_button__upload">上传视频</a>';

然后在CSS中样式化这个按钮。

5. **用户上传操作**:
- 当用户点击“上传视频”按钮时，将会弹出CKFinder的文件管理界面，可以选择本地的视频文件，然后点击“上传”按钮。

6. **服务器处理**:
- 你需要在后端设置一个处理上传的PHP脚本（如上述代码中的`upload.php`），该脚本应接收POST请求，处理文件，保存到服务器，最后返回文件的URL给前端。