Javascript Plyr播放器的JSON数据

您好，我有一个

php

代码，它显示了一个带有视频

url

的

json

文件。我想在

plyr

player中使用

url

当单击链接时

它将输出文件显示为

json

，即：

[{"label":"Original","file":"https://example.com.mp4","type":"video\/mp4"}] 

我想将该数据与

javascript

一起使用，并在

plyr

player中打开它。一些

javascript

代码来自

plyr

player。我真的不知道该怎么办

const player=新的Plyr（“#player”）；

您需要首先获取数据（在这里，我使用

获取

），然后

设置视频源
数据
：

const player=new Plyr（“#player”）；
取（'https://example.com/test.php')
.then（resp=>resp.json（））
。然后（数据=>{
player.source={
键入：“视频”，
标题：数据[0]。标签，
资料来源：[
{
src:数据[0]。文件，
类型：数据[0]。类型，
尺寸：720，
},
],
/*
您可以向播放机添加额外信息：
海报：'/path/to/poster.jpg'，
预览缩略图：{
src:“/path/to/thumbnails.vtt”，
},
轨道：[
{
种类：'标题'，
标签：“英语”，
srclang：‘恩’，
src:“/path/to/captions.en.vtt”，
默认值：true，
},
{
种类：'标题'，
标签：“法语”，
srclang:'fr'，
src:“/path/to/captions.fr.vtt”，
},
],
*/
};
})

注意：您可能需要处理
fetch
错误（超出此问题的范围）