Интегрируйте JW Player в Angular 4

Question

Я новичок в угловой.Я хочу знать, как интегрировать JWPlayer в мой проект angular 4. Я уже импортировал src из jwplayer.js в .angular-cli.json.Спасибо.

Answer 1

Основано на решении @ludwig.Здесь вы можете попробовать на Stackblitz.

https://stackblitz.com/edit/angular-yjasxx

Answer 2

Сначала вы должны сделать его видимым в своем Angular-проекте, добавив определение типа:

declare var jwplayer: any;

Вы можете добавить это определение типа либо в ts-файле компонента, либо в typings.d.ts.file.

Затем добавьте 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

});

Если импорт через angular-cli.json не работает, вы также можете добавить тег script в область заголовка вашего index.html и загрузить его туда напрямую.