|
@@ -2,7 +2,7 @@
|
|
|
<div id="videoLive">
|
|
<div id="videoLive">
|
|
|
<el-row>
|
|
<el-row>
|
|
|
<el-col :span="24" class="main">
|
|
<el-col :span="24" class="main">
|
|
|
- <video id="videoElement" controls autoplay class="h5video"></video>
|
|
|
|
|
|
|
+ <video id="videoElement" controls autoplay class="h5video" height="480px" :poster="poster"></video>
|
|
|
<!-- <video id="videoElement" autoplay controls style="width:500px;height:300px"></video> -->
|
|
<!-- <video id="videoElement" autoplay controls style="width:500px;height:300px"></video> -->
|
|
|
</el-col>
|
|
</el-col>
|
|
|
</el-row>
|
|
</el-row>
|
|
@@ -20,6 +20,7 @@ export default {
|
|
|
data: function() {
|
|
data: function() {
|
|
|
return {
|
|
return {
|
|
|
info: {},
|
|
info: {},
|
|
|
|
|
+ poster: require('@common/src/assets/hall.jpg'),
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
async created() {
|
|
async created() {
|
|
@@ -78,7 +79,6 @@ export default {
|
|
|
.main {
|
|
.main {
|
|
|
.h5video {
|
|
.h5video {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 480px;
|
|
|
|
|
background: #000000;
|
|
background: #000000;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
