在nuxt中使用video.js遇到的问题

Question

现在的项目中需要播放视频，项目使用nuxt搭建的，尝试使用video.js，遇到了一些问题，查了一些相关资料，都无法解决问题。
这个是我的nuxt.config.js:

head: {
    title: 'starter',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'http://vjs.zencdn.net/5.19/video-js.css' }
    ],
    script: [
      {src: 'http://vjs.zencdn.net/ie8/1.1/videojs-ie8.min.js'},
      {src: 'http://vjs.zencdn.net/5.19/video.js'}
    ]
  }

接着是使用video的vue:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="100%" height="300" data-setup="{}">
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
</video>

浏览器中报的错：

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

已经查看了浏览器的调试窗口，已经把video-js.css、videojs-ie8.min.js和video.js都加载进来了，但是视频的button bar样式没有变化，还报上述错误了。
不知道是什么原因

Answer 1

@font_size 请问这个问题解决了吗？如何解决的？

Answer 2

楼主方便提供一下联系方式吗， 我请教一下关于 vue-video-player 的问题