Javascript 当绘制多个视频时,video js resolution会创建TypeError

Javascript 当绘制多个视频时,video js resolution会创建TypeError,javascript,video.js,Javascript,Video.js,在使用video.js(4.12.11版)插件video js分辨率时,尝试绘制多个视频时,我似乎遇到了类型错误。当然,第一个视频可以正常工作,但任何javascript或之后的任何其他视频都无法正常工作 TypeError: window.videojs[componentClass] is not a constructor -火狐 Uncaught TypeError: window.videojs[componentClass] is not a function -谷歌浏览器 在v

在使用video.js(4.12.11版)插件video js分辨率时,尝试绘制多个视频时,我似乎遇到了类型错误。当然,第一个视频可以正常工作,但任何javascript或之后的任何其他视频都无法正常工作

TypeError: window.videojs[componentClass] is not a constructor
-火狐

Uncaught TypeError: window.videojs[componentClass] is not a function
-谷歌浏览器

在video.dev.js的第1446行:

这是我的测试页面:

<video id="home_video" controls preload="none" poster="http://img05.deviantart.net/aaee/i/2011/105/c/0/nyan_cat_wallpaper_by_nyakiru-d3e1zfl.png" width="970" height="404" class="video-js vjs-default-skin">
  <source src="http://vjs.zencdn.net/v/oceans.mp4?hd" type="video/mp4" data-res="HD" />
  <source src="http://vjs.zencdn.net/v/oceans.mp4?sd" type="video/mp4" data-res="SD" />

  <source src="http://vjs.zencdn.net/v/oceans.webm?hd" type="video/webm" data-res="HD" />
  <source src="http://vjs.zencdn.net/v/oceans.webm?sd" type="video/webm" data-res="SD" />
</video>


<video id="home_video2" controls preload="none" poster="http://img05.deviantart.net/aaee/i/2011/105/c/0/nyan_cat_wallpaper_by_nyakiru-d3e1zfl.png" width="970" height="404" class="video-js vjs-default-skin">
  <source src="http://vjs.zencdn.net/v/oceans.mp4?hd" type="video/mp4" />
</video>

<script type="text/javascript">
  vjs('home_video', {
    plugins: {
      resolutions: true
    }
  });

  vjs('home_video2', {
  });
</script>

vjs(“家庭视频”{
插件:{
决议:正确
}
});
vjs(“主页”{
});
根据我的猜测,video.js正在尝试在跟踪后在第二个视频上重新加载reolutions插件。但无法获取对象。我不是100%确定解决这个问题的最佳方法是什么


把你们中任何一个想知道的都包起来。我之所以不升级到5,是因为我有太多的网站在同一个代码库上运行。

您是否尝试过:。我认为它可以更好地处理多个播放器。你知道它是否与谷歌Chrome视频.js插件配合使用吗?这就是其中之一。最好对所有情况都有把握。
<video id="home_video" controls preload="none" poster="http://img05.deviantart.net/aaee/i/2011/105/c/0/nyan_cat_wallpaper_by_nyakiru-d3e1zfl.png" width="970" height="404" class="video-js vjs-default-skin">
  <source src="http://vjs.zencdn.net/v/oceans.mp4?hd" type="video/mp4" data-res="HD" />
  <source src="http://vjs.zencdn.net/v/oceans.mp4?sd" type="video/mp4" data-res="SD" />

  <source src="http://vjs.zencdn.net/v/oceans.webm?hd" type="video/webm" data-res="HD" />
  <source src="http://vjs.zencdn.net/v/oceans.webm?sd" type="video/webm" data-res="SD" />
</video>


<video id="home_video2" controls preload="none" poster="http://img05.deviantart.net/aaee/i/2011/105/c/0/nyan_cat_wallpaper_by_nyakiru-d3e1zfl.png" width="970" height="404" class="video-js vjs-default-skin">
  <source src="http://vjs.zencdn.net/v/oceans.mp4?hd" type="video/mp4" />
</video>

<script type="text/javascript">
  vjs('home_video', {
    plugins: {
      resolutions: true
    }
  });

  vjs('home_video2', {
  });
</script>