| | |
| | | <template> |
| | | <div ref="container" @dblclick="fullscreenSwich" |
| | | style="width:100%;height:100%;background-color: #000000;margin:0 auto;"> |
| | | style="width:100%;height:100%;min-height: 200px;background-color: #000000;margin:0 auto;position: relative;"> |
| | | <div class="buttons-box" id="buttonsBox"> |
| | | <div class="buttons-box-left"> |
| | | <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i> |
| | |
| | | }) |
| | | }, |
| | | watch: { |
| | | videoUrl(val, _) { |
| | | this.play(val); |
| | | videoUrl: { |
| | | handler(val, _) { |
| | | this.$nextTick(() => { |
| | | this.play(val); |
| | | }) |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | methods: { |
| | |
| | | height = clientHeight |
| | | width = (16 / 9) * height |
| | | } |
| | | |
| | | dom.style.width = width + 'px'; |
| | | dom.style.height = height + "px"; |
| | | if (width > 0 && height > 0) { |
| | | dom.style.width = width + 'px'; |
| | | dom.style.height = height + "px"; |
| | | } |
| | | }, |
| | | create() { |
| | | let options = { |