如何在Rails 6站点内实现plyr.js？

Question

https://plyr.io/是一个javascript库，用于播放支持YouTube和Vimeo的视频。我正试图在Rails 6站点中实现它。实现这一目标的步骤是什么？

Answer 1

Rails 6使用webpacker管理其资产，要安装plyr，只需通过包管理器安装：

yarn add plyr

然后，您可以像文档一样在js文件中要求它：

import Plyr from 'plyr';
 
const player = new Plyr('#player');

确保您已经运行了webpacker服务器，如果没有运行，您可能无法找到模块。希望这个帮助，如果有任何错误纠正我。

Answer 2

有许多方法可以将plyr.js包含到您的项目中，然后使用它。

我将介绍一种将plyr.js包含到您的项目中的方法：

步骤1.从Plyr.js的网站或cdn链接https://cdn.plyr.io/3.6.2/plyr.js下载

步骤2.将plyr.js文件放置在app/assets/javascripts文件夹中

步骤3.您需要在清单文件中提到plyr.js，以便它可以在您的应用程序中使用。在清单文件(app/assets/javascripts/application.js)中添加以下行(没有扩展名)

//= require plyr

现在Plyr可以供您使用，并且可以像往常一样使用。您可以在您的erb中创建<video>标记来打开播放机。

例如：

<video id="player" playsinline controls data-poster="/path/to/poster.jpg">
  <source src="/path/to/video.mp4" type="video/mp4" />
  <source src="/path/to/video.webm" type="video/webm" />
</video>