ttree/oembed

支持 Neos 的 Flow oEmbed 工具包

安装次数: 3,433

依赖关系: 0

建议者: 0

安全性: 0

星标: 9

关注者: 3

分支: 4

开放问题: 0

类型:neos-package

4.1.0 2022-04-27 12:11 UTC

This package is auto-updated.

Last update: 2024-08-24 20:13:33 UTC


README

支持 Neos 的 Flow oEmbed 工具包

此包为 Flow 添加了对 oEmbed 的支持。

此包还包含 Neos 节点类型定义,以便在您的 Neos 项目中集成 oEmbed 资源。

由 Dominique Feyer 创建 <dfeyer@ttree.ch> http://www.ttree.ch

特性

  • 消费 oEmbed 资源
  • Fluid oEmbed 视图助手
  • Neos 节点类型定义

如何使用此插件?

您只需要使用 composer 安装此包,无需其他操作。

如何使用 Fluid 视图助手?

您只需将 oEmbed 资源的 URI 发送到视图助手,例如

{namespace o=Ttree\Oembed\ViewHelpers}
<o:embed uri="{uri}" />

如何渲染响应式或流体 oEmbed 资源?

响应式设计是现代网站的一个常见需求。如果您需要视频的响应式布局,您可以将以下 LESS 或 CSS 添加到您的网站中

.oembed-video-container {
        position: relative;
        margin: 20px 0;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        > iframe, > object, > embed {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
        }
}

此示例来自 Ruairi Phelan 的一篇很好的文章,发表于 CyberDesignCraft_