让 JW Player 响应式

【问题标题】：Making JW Player resposive让 JW Player 响应式
【发布时间】：2019-12-05 08:52:55
【问题描述】：

我的代码

function get_signed_player($videokey,$playerkey) {
  $path = "players/".$videokey."-".$playerkey.".js";
  $expires = round((time()+3600)/300)*300;
  $secret = "xxxxxxxxxxxxxxxxxxxxx";
  $signature = md5($path.':'.$expires.':'.$secret);
  $url = 'http://cdn.jwplayer.com/'.$path.'?exp='.$expires.'&sig='.$signature;
  return $url;
};

echo "<p>Watch this cool video:</p>";
echo "<script type='text/javascript' src='".get_signed_player('xxxxxxx','xxxxxx')."' width=\"100%\"></script>";

一切正常。但是，它的宽度是固定的。

我怎样才能使它全宽和响应？

请帮忙

【问题讨论】：

标签： php css jwplayer jwplayer6 jwplayer7

【解决方案1】：

您的players/ URL 正在加载一个单行 JW 播放器嵌入，该嵌入具有您的播放器在 JW 仪表板中定义的所有特征。你有两个选择：

1) 在 JW 仪表板中编辑具有播放器 ID $playerkey 的云托管播放器，以获得所需的响应宽度和纵横比

2) 将您的 JW Player 嵌入方法完全更改为完全手动：

在带有libraries/端点的页面上加载播放器库URL
在页面上包含您的唯一 ID
调用 Jwplayer('your_div_id').setup() 并传递所需的参数以加载视频（文件、图像、宽度、纵横比等）

有关更多详细信息，请参阅https://developer.jwplayer.com/jw-player/docs/developer-guide/getting-started/add-an-html5-player/ 的文档。

【讨论】：