|
|
|
@ -6,9 +6,9 @@
|
|
|
|
|
<div class="card-body" style="padding:0;">
|
|
|
|
|
<div class="row" style="width:320px;height:240px;margin: 0 auto;background-color:#000;position:relative;">
|
|
|
|
|
<video controls muted autoplay :class="device.number" v-if="isFlvSupported" v-on:volumechange="volumeChange($event)" style="width:100%;height:100%;object-fit:contain;"></video>
|
|
|
|
|
<canvas width="1080" height="720" style="max-width:100%;height:100%;background: black;margin:0 auto;" :class="device.number+' wxinlineplayer'" v-else></canvas>
|
|
|
|
|
<canvas width="1080" height="720" style="width:100%;height:100%;object-fit:contain;background: black;margin:0 auto;" :class="device.number+' wxinlineplayer'" v-else></canvas>
|
|
|
|
|
<div class="control">
|
|
|
|
|
<a href="javascript:;" v-on:click="play()" style="color:#fff;margin:0 10px;line-height:30px;">
|
|
|
|
|
<a href="javascript:;" v-on:click="play()" style="color: #fff; margin: 0 10px; line-height: 30px;">
|
|
|
|
|
<i class="ion ion-md-pause" v-if="playing"></i>
|
|
|
|
|
<i v-else class="ion ion-md-play"></i>
|
|
|
|
|
</a>
|
|
|
|
|