为什么会出现此错误:无法加载 m3u8 跨域访问被拒绝(JWplayer 7.12.6)

Question

我遇到了Jwplayer(7.12.6(加载.m3u8视频的问题，并收到此错误消息"无法加载m3u8跨域访问被拒绝"。

我发现很多研发都替换了网址，比如

{file: "https://content.jwplatform.com/manifests/xxxxxx.m3u8"}
To
{file: "https://cdn.jwplayer.com/manifests/xxxxxx.m3u8"}

但是该问题已在某些用户系统浏览器中重新解决。 现在其他用户有同样的问题。 我们仍然无法在特定视频上复制该问题。

我们使用以下代码来播放jwplayer的视频

jwplayer("video416").setup({
sources: [
{file: "https://cdn.jwplayer.com/manifests/xxxxxx.m3u8"},
{file: "https://content.jwplatform.com/videos/XXXXX.mp4"}
],    
image: "https://s3.us-east-2.amazonaws.com/university-video-   cdn/Containers_101_img.jpg",
autostart: false,
controls:true,
controlbar:true,
displayclick:'play'    ,
icons: 'false',
width: '100%',
height: '100%',
primary: "HTML5"    
});

您能否建议如何允许或任何解决方案来优化 JWplayer(7.12.6( 的此问题。

Answer 1

无需编写自己的源：[ ] 数组，用于您在 JW 播放器帐户上托管的视频。我的建议是从他们的交付API请求JSON网址。它包含他们知道的有关此视频的所有元数据(多个来源、标题、图像等(：

jwplayer("video416").setup({
playlist: '//cdn.jwplayer.com/v2/media/xxxxxxx',
image: "https://s3.us-east-2.amazonaws.com/university-video-cdn/Containers_101_img.jpg",
autostart: false,
controls:true,
controlbar:true,
width: '100%',
aspectratio: '16:9', 
primary: "HTML5"    
});

您应该使用aspectratio而不是height因为大多数 Web 浏览器不喜欢将高度设置为 100%

您可以在 https://developer.jwplayer.com/jw-platform/docs/delivery-api-reference/阅读有关其交付API的更多信息