| | |
|---|
| | | <template> |
|---|
| | | <div ref="container" @dblclick="fullscreenSwich" |
|---|
| | | style="width:100%; height: 100%; background-color: #000000;margin:0 auto;position: relative;"> |
|---|
| | | <div style="width:100%; padding-top: 56.25%; position: relative;"></div> |
|---|
| | | <div class="buttons-box" id="buttonsBox"> |
|---|
| | | <div class="buttons-box-left"> |
|---|
| | | <i v-if="!playing" class="iconfont icon-play jessibuca-btn" @click="playBtnClick"></i> |
|---|
| | |
|---|
| | | // }); |
|---|
| | | // ro.observe(this.$refs.container); |
|---|
| | | // }, |
|---|
| | | mounted(){ |
|---|
| | | this.updatePlayerDomSize(); |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | videoUrl: { |
|---|
| | | handler(val, _) { |
|---|
| | |
|---|
| | | if (width > 0 && height > 0) { |
|---|
| | | dom.style.width = width + 'px'; |
|---|
| | | dom.style.height = height + "px"; |
|---|
| | | dom.style.paddingTop = 0; |
|---|
| | | console.log(width) |
|---|
| | | console.log(height) |
|---|
| | | } |
|---|
