<template name="liveComment">
	<view>
		<view class="banner">
			<dever-video
			:src="item.live" 
			:pic="item.pic" 
			:control="false"
			:index="0" 
			:vid="item.id" 
			:load.sync="load"
			ref="video"
			>
			</dever-video>
		</view>
		<block v-if="item.type == 2">
			<dever-comment ref="comment" :item="item" :type="`content/video_comment`" :type_id="item.id"></dever-comment>
		</block>
		<block v-if="item.type == 1">
			<dever-seat ref="seat" :item="item" :type="`content/video_comment`" :type_id="item.id" @start="start" @stop="stop"></dever-seat>
		</block>
	</view>
</template>

<script>
import deverVideo from '@/lib/dever/components/video.nvue';
import comment from "@/lib/dever/components/comment.vue";
import seat from '@/lib/dever/components/seat.vue';
export default {
	name: "liveComment",
	props: {
		control : {
			type : Object,
			value : null
		},
		item : {
			type    : Object,
			value	: null
		},
		index : 0
	},
	data() {
		return {
			load : false,
		}
	},
	mounted() {
		this.control[this.index] = this;
	},
	methods:{
		start : function() {
			this.$refs.video.start();
		},
		stop : function() {
			this.$refs.video.stop(true);
		},
	},
	components:{
		deverVideo,comment,seat
	}
}
</script>

<style>
.banner{
  position: relative;
  width: 750rpx;
  height: 422rpx;
  display: block;
}
</style>