Authored by yyq

fix

... ... @@ -4,11 +4,14 @@
ref="videoPlayer"
class="video-js vjs-matrix vjs-yoho"
controls
preload="auto">
preload="auto"
playsinline
x5-playsinline
webkit-playsinline="true">
<source :src="source" type="video/mp4"></source>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
web browser
</p>
</video>
</div>
... ... @@ -25,7 +28,6 @@ export default {
type: Object,
default() {
return {
techOrder: ['html5', 'flash'],
muted: true,
controls: true,
aspectRatio: '1:1'
... ... @@ -51,7 +53,6 @@ export default {
};
</script>
<style src="video.js/dist/video-js.css"></style>
<style lang="scss" scoped>
.video-js {
width: 100%;
... ... @@ -63,17 +64,32 @@ export default {
&.vjs-yoho /deep/ {
.vjs-big-play-button {
width: 70px;
height: 70px;
line-height: 70px;
width: 120px;
height: 120px;
line-height: 120px;
font-size: 60px;
border-radius: 50%;
left: 50%;
top: 50%;
margin: -35px auto auto -35px;
margin: -60px auto auto -60px;
}
.vjs-control-bar .vjs-icon-placeholder {
font-size: 22px;
.vjs-control-bar {
height: 60px;
font-size: 26px;
.vjs-control {
width: 80px;
}
.vjs-time-control {
line-height: 60px;
}
.vjs-icon-placeholder:before {
font-size: 38px;
line-height: 60px;
}
}
}
}
... ...
... ... @@ -17,6 +17,7 @@ import 'statics/scss/common.scss';
import 'statics/scss/grass-prompt.scss';
import 'statics/font/iconfont.css';
import 'statics/font/cube-icon.css';
import 'video.js/dist/video-js.css';
const $app = document.getElementById('app');
... ...
... ... @@ -267,7 +267,8 @@ export default {
img {
max-width: 100% !important;
height: auto;
height: auto !important;
display: block;
}
p {
... ...