| | |
| | | this.playVideo() |
| | | }) |
| | | } |
| | | }, |
| | | videoUrl: function(newVal, oldVal) { |
| | | if (newVal !== oldVal) { |
| | | if (this.player) { |
| | | this.player.stop() |
| | | } |
| | | this.$nextTick(() => { |
| | | this.player.preloadFlag = 0 |
| | | this.playVideo() |
| | | }) |
| | | } |
| | | } |
| | | }, |
| | | mounted() { |
| | |
| | | _this.canvas.style.cursor = "default" |
| | | }) |
| | | _this.canvasData.polygon.forEach(function(v, i) { |
| | | if (v.location.length === 0) { |
| | | if (v.location && v.location.length === 0) { |
| | | return |
| | | } |
| | | |
| | | _this.ctx.strokeStyle = "yellow" |
| | | _this.ctx.beginPath() |
| | | _this.ctx.moveTo(v.location[0].x / _this.showProportion, v.location[0].y / _this.showProportionY) |
| | |
| | | }, |
| | | setPlayerStatus(stat) { |
| | | this.videoLoading = false |
| | | this.playerStatus = 1 |
| | | // 控制加载后的播放按钮状态,实时流为自动播放,视频为preload |
| | | this.playerStatus = this.isStream ? 1 : 0 |
| | | }, |
| | | stopVideo() { |
| | | if (this.player.hPlayer == 0) return |
| | |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | |
| | | #area-canvas { |
| | | z-index: 1; |
| | | } |
| | | video { |
| | | object-fit: fill; |
| | | width: 100%; |