tibemolde/embedder

轻松嵌入视频（YouTube、Vimeo、Facebook）！

维护者

详细信息

github.com/tibemolde/craft3-embedder

源代码

问题

文档

安装: 426

依赖项: 0

建议者: 0

安全: 0

星星: 1

关注者: 2

分支: 1

类型：craft-plugin

1.0.6 2020-05-29 08:37 UTC

Requires

Requires (Dev)

MIT a6d7c2f61e9a2faad69ec0c2c0749acd95697f88

cmsembedderCraftcraftcmscraft-plugin

This package is auto-updated.

Last update: 2024-09-20 14:24:09 UTC

README

轻松嵌入视频（YouTube、Vimeo、Facebook）！

要求

此插件需要 Craft CMS 3.0.0-beta.23 或更高版本。

安装

要安装插件，请按照以下说明操作。

  1. 打开您的终端并转到您的 Craft 项目

     cd /path/to/project

  2. 然后告诉 Composer 加载插件

     composer require tibemolde/embedder

  3. 在控制面板中，转到设置 → 插件，并点击 Embedder 的“安装”按钮。

Embedder 概览

轻松嵌入视频！

配置 Embedder

除运行时选项外无需进行任何配置，但您可以通过插件设置调整视频海报的本地存储位置。

使用 Embedder

基本用法

<div class="embed embed--{{ craft.embedder.getVideoType(videoUrl) }}">
  <iframe src="{{ craft.embedder.getVideoEmbedUrl(videoUrl) }}" title="{{ 'Watch video'|t }}"></iframe>
</div>

按需设置样式（这只是一个示例）

.embed {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%; /* ratio for 16:9 embed */

    iframe,
    object,
    embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100% !important;
	    height: 100% !important;
	    border: 0;
    }
}

Embedder 路线图

一些待办事项以及潜在功能的想法

  • 支持 oEmbed
  • 支持音频播放列表（Spotify、Soundcloud 等）

由 TIBE Molde 提供