vue设置video图片_Vue.js vue-video-player呈现100px宽

我一直没能在文档中找到任何东西。事实上，包含css文件有点令人困惑，我不确定我的导入(与文档中的require)是否正确。

如何设置播放器的宽度？

ref="videoPlayer"

:options="playerOptions"

:playsinline="true"

>

import { videoPlayer } from 'vue-video-player'

import 'video.js/dist/video-js.css'

import 'vue-video-player/src/custom-theme.css'

export default {

name: 'foo',

components: {

videoPlayer,

},

data() {

return {

playerOptions: {

muted: true,

language: 'en',

playbackRates: [1.0],

sources: [{

type: "video/mp4",

src: "https://cdn.theguardian.tv/webM/2015/07/20/150716YesMen_synd_768k_vp8.webm"

}],

poster: "/static/images/defaults/image.png",

}

}

},

}

2017-10-17

pymarco

+0

有你想给你的包裹'div'一个'宽度：100％' –

+0

我刚试过，但没有更改。 Thx –