Как правильно встроить скрипт JW Player в VueJS? - PullRequest
Новая
       17

Как правильно встроить скрипт JW Player в VueJS?

0 голосов
/ 18 апреля 2019

Я новичок в VueJS и пытаюсь настроить простую страницу и внедрить сценарий для воспроизведения видео HLS с помощью JW Player - сценария, предоставленного приборной панелью JW Player <script src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.js"></script>

Какой будет правильный способвстроить этот сценарий в файл .vue

Зная, что файлы .vue должны содержать элементы шаблона, сценария и стиля, и я понимаю, что они должны входить в сценарий как часть данных, но я совершенно не понимаю, каксделать это и вызвать его внутри шаблона, чтобы просмотреть его в браузере ??

Любая помощь будет оценена

1 Ответ

0 голосов
/ 05 июня 2019

Как вы обнаружили, теги <script> не могут быть встроены в Vue.js. Тем не менее, <iframe> является допустимым тегом. Платформа JW позволяет встраивать видео через тег сценария ИЛИ тег iframe.

Изменить это:

<script src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.js"></script>

В это:

<iframe src="https://cdn.jwplayer.com/players/4oE5ZjIY-MoGLPkuA.html"></iframe>

Обратите внимание, что .js меняется на .html, а script меняется на iframe

Вам может потребоваться настроить iframe для правильного использования, некоторые справочные документы о том, как это сделать, можно найти здесь .

...