如何在角度2中集成JWplayer

Question

我是angular2的新手。我想在我的应用程序中使用jw播放器。我无法理解如何集成它。

Answer 1

首先在jwplayer.js

中导入.angular-cli.json

之后，您必须通过添加类型定义在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"

});