|
@@ -70,26 +70,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div v-if="!playerLoading" class="vjs-custom-controls">
|
|
|
- <button class="vjs-custom-button" @click="replay" title="重播">↻</button>
|
|
|
-
|
|
|
- <button class="vjs-custom-button" @click="zoomOut" title="缩小">-</button>
|
|
|
- <span class="vjs-zoom-level">{{ zoomPercentage }}%</span>
|
|
|
- <button class="vjs-custom-button" @click="zoomIn" title="放大">+</button>
|
|
|
-
|
|
|
- <div class="vjs-progress-container" @click="seek">
|
|
|
- <div class="vjs-progress-bar">
|
|
|
- <div class="vjs-progress-filled" :style="{ width: progressPercentage + '%' }"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <select class="vjs-speed-selector" v-model="playbackRate" @change="changeSpeed" title="播放速度">
|
|
|
- <option v-for="speed in speeds" :key="speed.value" :value="speed.value">{{ speed.text }}</option>
|
|
|
- </select>
|
|
|
-
|
|
|
- <button class="vjs-custom-button" @click="takeScreenshot" title="截图">📷</button>
|
|
|
- <button class="vjs-custom-button" @click="toggleFullscreen" title="全屏">⛶</button>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -129,10 +109,10 @@ export default {
|
|
|
speeds: [
|
|
|
{ value: 0.5, text: '0.5x' },
|
|
|
{ value: 0.75, text: '0.75x' },
|
|
|
- { value: 1, text: '1x' },
|
|
|
+ { value: 1, text: '1.0x' },
|
|
|
{ value: 1.25, text: '1.25x' },
|
|
|
{ value: 1.5, text: '1.5x' },
|
|
|
- { value: 2, text: '2x' }
|
|
|
+ { value: 2, text: '2.0x' }
|
|
|
],
|
|
|
progressPercentage: 0
|
|
|
}
|