Javascript 正在调用Playkit js播放器，但未显示在浏览器中_Javascript_Media Player_Kaltura Player

Javascript 正在调用Playkit js播放器，但未显示在浏览器中

javascript

Javascript 正在调用Playkit js播放器，但未显示在浏览器中,javascript,media-player,kaltura-player,Javascript,Media Player,Kaltura Player,在花了大约12个小时之后，我想我已经成功地构建了playkitjsplayer（），并获得了一个新文件夹“dist”和新的“playkit.js” 有一个名为“src”的文件夹，其中也包含“playkit.js” 你能帮我调用/配置播放器吗？正确的javascript代码是什么？根据他们的文档，我需要添加以下代码段： <script type="text/javascript" src="/PATH/TO/FILE/playkit.js"></script> <di

在花了大约12个小时之后，我想我已经成功地构建了playkitjsplayer（），并获得了一个新文件夹“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>


var playerContainer=document.querySelector（“播放器占位符”）；
var config={…}；
var player=playkit.core.loadPlayer（配置）；
playerContainer.appendChild（player.getView（））；
player.play（）；

我无法使播放器在浏览器中可见。我应该在哪里添加它，还应该使用哪个“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>


标题
#播放器占位符{
宽度：640px；
高度：360px；
背景色：黑色；
}
var playerContainer=document.querySelector（“播放器占位符”）；
var config={…}；
var player=playkit.core.loadPlayer（配置）；
playerContainer.appendChild（player.getView（））；
player.play（）；

由于浏览器限制（无法自动播放声音），API播放有时不起作用。如果您添加一个按钮，它将起作用。看看这个例子：


var playerContainer=document.querySelector（“播放器占位符”）；
变量配置={
资料来源：{
渐进式：[{
mimetype：“视频/mp4”，
url:“https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"
}]
}
}
var player=playkit.core.loadPlayer（配置）；
playerContainer.appendChild（player.getView（））；
函数播放（）{
player.play（）；
}

由于浏览器限制（无法自动播放声音），API播放有时不起作用。如果您添加一个按钮，它将起作用。看看这个例子：


var playerContainer=document.querySelector（“播放器占位符”）；
变量配置={
资料来源：{
渐进式：[{
mimetype：“视频/mp4”，
url:“https://www.sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"
}]
}
}
var player=playkit.core.loadPlayer（配置）；
playerContainer.appendChild（player.getView（））；
函数播放（）{
player.play（）；
}

嘿，Itay，它能用！非常感谢。我需要添加球员控制，如控制按钮，进度条或播放控制，坐在中间的球员。我检查了他们的文档，发现有“控件”，但使用这样的代码“playerContainer.appendChild（player.controls（））；”不会产生任何结果。你能给我一个指针吗？嘿，很高兴听到。我们有一个用户界面，一般来说，你可以看看这是什么，我们用作为包装的球员-享受：-）嘿，伊泰，它的工作！非常感谢。我需要添加球员控制，如控制按钮，进度条或播放控制，坐在中间的球员。我检查了他们的文档，发现有“控件”，但使用这样的代码“playerContainer.appendChild（player.controls（））；”不会产生任何结果。你能给我一个指针吗？嘿，很高兴听到。我们有一个用户界面，一般来说，你可以看看我们用什么作为播放器的包装-享受：-）