src/SSCMS.Web/Pages/ss-admin/common/editorLayerVideo.cshtml

（开头部分） 3KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

@page
@{ Layout = "_Layout"; }
@section Styles{
  <style>
    .el-upload, .el-upload-dragger {width: 100%;}
    .videojs {
      width: 100% !important;
      min-height: 300px;
    }
  </style>
}

<el-form ref="form" :model="form" size="small">

  <el-form-item>
    <el-radio-group v-model="form.type">
      <el-radio-button label="upload">上传视频</el-radio-button>
      <el-radio-button label="url">视频地址</el-radio-button>
      <el-radio-button label="preview">预览视频</el-radio-button>
    </el-radio-group>
  </el-form-item>
  <el-form-item v-if="form.type === 'upload'">
    <el-upload
      drag
      :action="uploadVideoUrl"
      :auto-upload="true"
      :headers="{Authorization: 'Bearer ' + $token}"
      :show-file-list="false"
      :before-upload="uploadVideoBefore"
      :on-progress="uploadProgress"
      :on-success="uploadVideoSuccess"
      :on-error="uploadError"
      :multiple="false">
      <i class="el-icon-upload"></i>
      <div class="el-upload__text">
        将视频文件拖到此处或点击上传，支持主流
        <el-popover
          placement="bottom"
          title="视频格式"
          width="200"
          trigger="hover"
          content="mp4、flv、f4v、webm、m4v、mov、3gp、3g2">
          <em slot="reference">视频格式</em>
        </el-popover>
      </div>
    </el-upload>
  </el-form-item>
  <el-form-item v-if="form.type === 'url'" label="视频地址" prop="videoUrl" :rules="{ required: true, message: '请输入视频地址' }">
    <el-input v-model="form.videoUrl"></el-input>
  </el-form-item>
  <el-form-item v-if="form.type === 'preview'">
    <el-card>
      <video
        ref="videoPlayer"
        class="videojs vjs-default-skin vjs-big-play-centered"
        width="100%"
        height="300"
        controls
        preload="auto"
        data-setup="{}">
后面还有 54 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。