安装 mediaelement.js - 怎么办？答案

【问题标题】：Installing mediaelement.js - what to do?安装 mediaelement.js - 怎么办？
【发布时间】：2020-12-18 04:35:17
【问题描述】：

我想在我使用 php、html 等从头开发的网站上使用 mediaelement.js。我正在努力了解如何安装 mediaelement.js。

有关说明 https://github.com/mediaelement/mediaelement/blob/master/docs/installation.md如下：

1.安装 MediaElementJS

要获得默认安装，有几种不同的方法。

- Download the package from https://github.com/mediaelement/mediaelement
- Use a CDN reference; the most popular ones are jsDelivr and cdnjs.
- Through GIT: git clone https://github.com/mediaelement/mediaelement.git
- Through npm: npm install mediaelement
- Through BOWER: bower install mediaelement
- If you are using Meteor: meteor add johndyer:mediaelement or meteor npm install mediaelement

所以，除了第一条指令，我不知道他们在说什么。我可以解释如何安装 mediaelement.js 以及对于从头开始构建网站的人的最佳选择吗？

非常感谢。

【问题讨论】：

标签： mediaelement.js

【解决方案1】：

转到 http://www.mediaelementjs.com/ 并选择单击“下载播放器”。展开下载的zip，查看src的内容。

【讨论】：

【解决方案2】：

只是关于这个主题的更新。我对此进行了进一步研究，发现这些是我需要的文件（可以在下载包并解压缩后在 build 文件夹中找到）：

mediaelement-and-player.min.js
mediaelementplayer.css
mejs-controls.svg
jquery.js (I used my existing jquery file)

然后，将这些文件上传到你的 js 目录：

jquery.js
mediaelement-and-player.min.js

将这些文件上传到您的 css 目录：

mediaelementplayer.css
mejs-controls.svg

链接到您的索引页面上的文件（将它们放在指向您的自定义 css 的链接上方）

<script src="js/jquery.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<link href="css/mediaelementplayer.css">

最后但同样重要的是，将class="mejs__player" 添加到您的视频/音频标签（如果您正在使用它，请从标签中删除“控件”）

【讨论】：