Question

我尝试使用视频js播放器构建angular2应用程序，但我不知道如何调用。我尝试使用example.compontent.html，就像没有工作一样，尝试像

这样的example.component.ts

var videojs=require('video.js');
var player = videojs('my-player');

Answer 1

Angular 2+是用TypeScript编写的，因此您需要VideoJS的TypeScript定义才能在Angular 2中正确使用库的API。为此，请通过npm安装@ types / videojs：

npm install @types/videojs

现在您可以使用import语句导入VideoJS。另外，请注意在TypeScript中仍然可以编写pure-JS。

无论如何，你想要实现的东西可能不会起作用，因为你的组件的模板和逻辑被分开直到捆绑，不像VideoJS的例子中脚本位于HTML模板内部。因此，您需要使用document.getElementById传递元素本身。

videojs(document.getElementById('my-player'));

我建议你参考this example of a VideoJS Angular 2 component。

Answer 2

简单步骤： 1. npm install --save video.js 2. npm install --save-dev @types/video.js

安装后，只需像这样导入。现在我们也可以像这样使用接口。

 import * as videojs from 'video.js'

 class VideoComponent {
     public videoJS = videojs.default
     private videoPlayer: videojs.VideoJsPlayer
     private options: videojs.VideoJsPlayerOptions

     someMethod() {
        this.videoJS('my-player', {
          controls: true,
          autoplay: true,
          preload: 'auto'
        });

      }

 }

如何为angular2导入视频js？

2 个答案: