wie cam ich mache Video.js Im Nuxt arbeitet

Question

I Video.js im Nuxt Rahmen verwenden, das Video ist gut funktionieren, aber sind etwas aus der Erwartung, das ist mein 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'} 
    ] 
} 

Das ist mein 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 warnen]:

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. 

Und Video Buttonleiste wird nicht funktionieren. Ich würde mich für jede Art von Unterstützung freuen.

Answer 1

Wenn Sie data-setup="{}" durch setup="{}" imElement ersetzen, wird diese Warnung ausgeblendet.