godismyjudge95/statamic-embera

使用 Embera oEmbed 库为 Statamic 4+ 集成的视频嵌入标签

1.1.1 2024-05-14 16:07 UTC

This package is auto-updated.

Last update: 2024-09-14 16:55:43 UTC


README

使用 Embera oEmbed 库为 Statamic 4+ 集成的视频嵌入标签

功能

此插件允许您使用 {{ embera }} 标签嵌入几乎任何视频 URL 的 iframe。Embera 支持嵌入多种在线视频提供者:[https://github.com/mpratt/Embera/blob/master/doc/02-providers.md](https://github.com/mpratt/Embera/blob/master/doc/02-providers.md)

安装方法

从您的项目根目录运行以下命令

composer require godismyjudge95/statamic-embera

如果您想快速开始设置 iframe 的样式,可以将基本响应式样式包含在您的 site.css

import '@/../../vendor/godismyjudge95/statamic-embera/resources/css/addon.css';

使用方法

只需使用带有视频 URL 的 embera 标签即可

{{ embera src="https://www.youtube.com/watch?v=dQw4w9WgXcQ" height="600" width="" responsive="true" class="mx-auto" }}

输出

<iframe class="embera-embed-responsive-item embera-embed-responsive-item-video" src="https://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

要查看所有可能的参数,请参阅 Embera 文档:[https://github.com/mpratt/Embera/blob/master/doc/01-usage.md#passing-configuration-options](https://github.com/mpratt/Embera/blob/master/doc/01-usage.md#passing-configuration-options)

传递给 Embera 标签的所有属性都将传递到 Embera 类实例。

感谢

非常感谢 mpratt 和 Embera 的贡献者 - [https://github.com/mpratt/Embera](https://github.com/mpratt/Embera)