godismyjudge95 / statamic-embera
使用 Embera oEmbed 库为 Statamic 4+ 集成的视频嵌入标签
Requires
- mpratt/embera: ^2.0
- statamic/cms: ^4.0|^5.0
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)