如何在Angular 2中集成JWplayer

Question

我是Angular2的新手。我想在我的应用程序中使用JW Player。我不知道如何集成它。

- dora

Answer 1

首先在.angular-cli.json中导入jwplayer.js，然后通过添加类型定义使其在您的Angular项目中可见：

在.angular-cli.json中首先导入jwplayer.js。

之后，您需要通过添加类型定义使其在您的Angular项目中可见：

declare var jwplayer: any;

你可以将这种类型定义添加到组件 ts 文件或 typings.d.ts 文件中。

然后像下面这样将 div 添加到你的组件中：

<div id="myDiv">This text will be replaced with a player.</div>

然后在组件中添加代码，例如在 ngOnInit 函数中：

jwplayer("myDiv").setup({
"file": "http://example.com/myVideo.mp4",
"image": "http://example.com/myImage.png",
"height": 360,
"width": 640
"key":"yourjwplayerkeyhere"

});

- Nitin yadav

---

“key”:“yourjwplayerkeyhere”无法工作。在这种情况下可以做什么？唯一的方法是在index.html下添加jwplayer.js引用并在那里添加jwplayer.key。但这是一个安全风险。如何克服？ - Nikhil