調用 Playkit-js 播放器未顯示在瀏覽器中

Question

花了大約 12 個小時后，我想我已經成功構建了 playkit-js 播放器（ https://github.com/kaltura/playkit-js ），並獲得了一個新文件夾“dist”和新的“playkit.js”。

有一個名為“src”的文件夾，其中還包含“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>

Answer 1

由於瀏覽器限制（不能自動播放聲音），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

調用 Playkit-js 播放器未顯示在瀏覽器中

問題描述

1 個解決方案

解決方案1
2 已采納 2020-02-04 07:33:38

調用 Playkit-js 播放器未顯示在瀏覽器中

問題描述

1 個解決方案

解決方案1 2 已采納 2020-02-04 07:33:38

解決方案1
2 已采納 2020-02-04 07:33:38