| | |
| | | <div id="videoPlay" ref="myVdeoPlay"></div> |
| | | </div> |
| | | <div style="border-radius: 0 0 4px 4px;"> |
| | | |
| | | <div style="padding: 10px 0px;"> |
| | | 音量 : |
| | | <a-slider v-model="volumeInit" :default-value="0.1" :step="0.1" :max="1" @change="changeVolume" /> |
| | |
| | | {{Math.floor(duration/60)}}:{{Math.floor(duration%60)}} |
| | | <a-slider v-model="currentTime" :max="duration" @afterChange="changeTime" /> |
| | | </div> |
| | | |
| | | <a-collapse activeKey="playHistory"> |
| | | <a-collapse-panel key="playHistory" header="播放记录"> |
| | | <div v-for="(item,index) in playHistory"> |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | pauseMyVideo() { |
| | | this.dp.pause(); |
| | | this.isPlaying = false; |
| | | }, |
| | | togglePlay() { |
| | | this.dp.toggle(); |
| | | this.isPlaying = !this.isPlaying; |
| | |
| | | } |
| | | |
| | | this.dp.switchVideo(this.playingVideoData) |
| | | |
| | | |
| | | }, |
| | | //播放器初始化 |
| | | init() { |
| | |
| | | position: relative; |
| | | } |
| | | |
| | | .mark { |
| | | border-radius: 14px; |
| | | background: #00000073; |
| | | width: 100%; |
| | | height: 100%; |
| | | pointer-events: none; |
| | | } |
| | | |
| | | .playItem:hover { |
| | | //transform: scale(1.1) translate3d(0, 0, 0); |
| | | } |