uniapp-微信小程序-video详情播放

路由页面：index.vue

<template>

  <view class="container">

    <image class="nav_arrow" src="*****.png" mode="aspectFit" @click.stop="back" />

    <view class="content">

      <view class="content_item">

        <view class="item_video">

          <video

            id="myVideo"

            :src="detail.inspireVideoUrl"

            :objectFit="objectFit"

            :controls="controls"

            :show-center-play-btn="controls"

            :autoplay="autoplay"

            :loop="loop"

            @play="isPlay"

            @pause="isPause"

            @timeupdate="videoUpdate"

            @ended="videoEnded"

            @loadedmetadata="loadedmetadata"

          >

            <view class="process-container">

              <!-- 播放/暂停 -->

              <view class="video-controls-play" :class="{ new_bg: isShowIcon }" @tap.stop="videoOpreation">

                <image :class="{ new_stop: !isShowIcon }" src="*****.png" class="video-controls-icon" />

              </view>

              <view class="content_video">

                <view class="title">{ { detail.title }}</view>

                <ProContent type="white" :show="isShowFull" :detail="detail" v-if="detail.goodsList && detail.goodsList.length"></ProContent>

                <IntroLabel type="white" :detail="detail" v-if="detail.contentText"></IntroLabel>

              </view>

              <!-- 控制条+滑块 -->

              <view class="slider-container">

                <slider

                  class="isSlider"

                  :step="1"

                  backgroundColor="#9f9587"

                  activeColor="#E02020"

                  block-color="#FFFFFF"

                  block-size="12"

                  min="0"

                  :max="videoTime"

                  :value="sliderValue"

                  @change="sliderChange"

                  @changing="sliderChanging"