README

LazyLoad 嵌入 Vimeo 播放器 - 简单轻量级插件 - 纯 JavaScript

状态

查看预览

快速开始

有几种选项可供选择

下载最新版本。
克隆仓库： git clone https://github.com/the-muda-organization/vimeo-lazyload.git
使用 Composer 安装： composer require the-muda-organization/vimeo-lazyload

包含内容

在下载中，您将找到以下目录和文件，这些目录和文件逻辑地分组了常见的资产，并提供了编译和压缩的版本。您将看到类似以下的内容

没有依赖项。无需 jQuery 或其他插件。请参阅下面的安装指南和如何使用

vi-lazyload/
 │
 └─ dist/
    │
    ├── css/
    │   ├── vi-lazyload.css
    │   └── vi-lazyload.min.css
    │
    └── js/
        ├── vi-lazyload.js
        └── vi-lazyload.min.js

错误和功能请求

是否有错误或功能请求？在打开新问题之前，先搜索现有和已关闭的问题。如果您的错误或想法尚未得到解决，请打开新问题。

安装

下载并将文件复制到您的项目中
打开 vi-lazyload.js
更改设置
- settings_thumb_base_url 到您缩略图所在的自定义 URL。
压缩 JavaScript 并将其放置在 vi-lazyload.min.js。
将 CSS 和 JavaScript 添加到您的项目中

    <link href="https://example.com/vi-lazyload/2.x.x/css/vi-lazyload.min.css" rel="stylesheet">
    <script src="https://example.com/vi-lazyload/2.x.x/js/vi-lazyload.min.js"></script>

注意：由于文件大小较小，我建议将 CSS & JS 内联添加！

    <style>...</style>
    <script>...</script>

如何使用

获取您电影的 Vimeo ID，例如：272532681
将以下代码添加以嵌入视频

<div class="vi-lazyload" data-id="272532681" data-thumb="" data-logo="3"></div>

使用 Vimeo ID 命名您的缩略图 272532681.jpg - 要使用其他文件类型，请在 JavaScript 中更改设置
将您的缩略图放置在 JavaScript 中设置的文件夹中

功能

CSS 类

常见问题解答

我可以用 Vimeo 域获取缩略图吗？
- 不像在 YouTube 上那么容易。Vimeo 不使用视频 ID 作为其缩略图。您需要使用 Vimeo API 来获取缩略图的 URL。
我可以用 Vimeo lazyload 与其他框架（如 Bootstrap）一起使用吗？
- 是的，您可以！它应该不会与其他框架发生冲突。
我可以嵌入除了 Vimeo 之外的视频播放器吗？
- 请查看我们的姐妹项目，用于 YouTube 播放器：https://github.com/the-muda-organization/youtube-lazyload

版本控制

Vimeo LazyLoad 将尽可能按照语义版本控制指南进行维护。发布将按照以下格式编号：<major>.<minor>.<patch>

变更日志

有关最新版本，请参阅详细的 CHANGELOG。

团队

Jakub Muda

行为准则

如果您行为端正，我们会保持自己的行为。有关更多详细信息，请参阅我们的 CODE_OF_CONDUCT.md。

版权和许可

代码在MIT许可证下发布。

the-muda-organization / vimeo-lazyload

维护者

详细信息