我对 JWPlayer 还很陌生,但我喜欢它。我正在使用他们的免费云托管版本,效果很好。但是,当希望默认流质量不是 360(如 720)时,他们网站上的每篇帮助文章都指向这篇文章。那里的一切看起来都是自托管的,我不太确定该怎么做。从字面上看,我为托管的云提供的唯一代码是:
<script src="//content.jwplatform.com/players/<somestringpath>.js"></script>
这很好,但它看起来不像他们的例子:)
我对 JWPlayer 还很陌生,但我喜欢它。我正在使用他们的免费云托管版本,效果很好。但是,当希望默认流质量不是 360(如 720)时,他们网站上的每篇帮助文章都指向这篇文章。那里的一切看起来都是自托管的,我不太确定该怎么做。从字面上看,我为托管的云提供的唯一代码是:
<script src="//content.jwplatform.com/players/<somestringpath>.js"></script>
这很好,但它看起来不像他们的例子:)
好的,终于找到了我需要的东西。似乎 JWPlayer(顺便说一句很棒)有一个云托管版本,以及某种高级云托管版本。使用简单版本,只需包括:
<script src="//content.jwplatform.com/players/<CUSTOM VIDEO ID>.js"></script>
他们希望视频出现在哪里。对于高级版本,播放器代码插入到 head 标签中,然后可以实现额外的“覆盖”。
<head>
...
...
<script src="//content.jwplatform.com/libraries/<CUSTOM PLAYER ID.js"> </script>
...
</head>
<body>
...
...
<div id="jwAerialVideo"></div>
<script type="text/JavaScript">
var playerInstance = jwplayer("jwAerialVideo");
playerInstance.setup({
//Placeholder Image
image: "//content.jwplatform.com/thumbs/<CUSTOM IMAGE ID>.jpg",
sources: [{
file: "//content.jwplatform.com/videos/<CUSTOM VIDEO ID>.mp4",
label: "360p SD"
},{
file: "//content.jwplatform.com/videos/<CUSTOM VIDEO ID>.mp4",
label: "720p HD",
"default": "true"
},{
file: "//content.jwplatform.com/videos/<CUSTOM VIDEO ID>.mp4",
label: "1280p HD"
}]
});
</script>
...
</body>
这允许我指定自定义占位符图像并将默认视频质量设置为 720 像素。
注意:他们的说明中不再正确的一件事是,要找到每种视频质量的自定义视频 ID,请在仪表板中转到内容--> 视频-->选择您的视频--> 源选项卡。从 JWPlayer 7 开始。