Вызов Playkit - js плеер не отображается в браузере - PullRequest
Новая
       5

Вызов Playkit - js плеер не отображается в браузере

0 голосов
/ 03 февраля 2020

Потратив около 12 часов, я думаю, что я успешно собрал плеер playkit- js (https://github.com/kaltura/playkit-js) и получил новую папку "dist" и новый "playkit. js" ,

Есть папка с именем "sr c", в которой также содержится "playkit. js".

Можете ли вы помочь мне позвонить / настроить плеер, и какой будет правильный код javascript? В соответствии с их документами мне нужно добавить следующий фрагмент: 

<script type="text/javascript" src="/PATH/TO/FILE/playkit.js"></script>
<div id="player-placeholder" style="height:360px;width:640px">
<script type="text/javascript">
var playerContainer = document.querySelector("#player-placeholder");
var config = {...};
var player = playkit.core.loadPlayer(config);
playerContainer.appendChild(player.getView());
player.play();
</script>

Я не могу сделать плеер видимым в браузере. Где я должен добавить его, а также какой файл "playkit. js" я должен использовать? Я пробовал оба файла, но он не работает. Пожалуйста, помогите.

Вот html Я использую: 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style type="text/css">
    #player-placeholder {
      width: 640px;
      height: 360px;
      background-color: black;
    }
  </style>
  <script src="playkit.js" type="text/javascript"></script>
</head>
<body>
<div id="player-placeholder" style="height:360px;width:640px">
<script type="text/javascript">
var playerContainer = document.querySelector("#player-placeholder");
var config = {...};
var player = playkit.core.loadPlayer(config);
playerContainer.appendChild(player.getView());
player.play();
</script>
</body>
</html>

1 Ответ

2 голосов
/ 04 февраля 2020

Воспроизведение из API иногда не работает из-за ограничений браузера (невозможно автоматическое воспроизведение со звуком), если вы добавите кнопку, она будет работать. проверьте этот пример: 

<script src="https://github.com/kaltura/playkit-js/releases/download/v0.59.9/playkit.js"></script>

<div id="player-placeholder" style="height:360px;width:640px">
  <input type="button" onclick="play()" value="Play"/>
  <script type="text/javascript">
var playerContainer = document.querySelector("#player-placeholder");
var config = {
  sources:{
    progressive:[{
      mimetype:"video/mp4",
      url:"https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"
    }]
  }
}
var player = playkit.core.loadPlayer(config);
playerContainer.appendChild(player.getView());
function play(){
  player.play();
}
</script>

https://codepen.io/itaykinnrot/pen/LYVPGEx

...