prashantdhungana/social-embed

将YouTube和Tiktok视频作为iframe嵌入

1.0.0 2024-07-04 13:24 UTC

This package is auto-updated.

Last update: 2024-09-04 14:03:54 UTC


README

SocialEmbed插件是一个自定义的Filament表单组件,允许用户通过提供URL来嵌入TikTok和YouTube视频。该组件扩展了来自Filament Forms库的TextInput组件。

特性

  • 支持嵌入TikTok和YouTube的视频。
  • 可自定义嵌入视频的宽度和高度。
  • 自动处理URL以生成正确的嵌入链接。
  • 实时验证和更新嵌入链接。
  • 支持不支持的视频平台的提醒。

安装

  1. 通过Composer要求插件

    composer require prashantdhungana/social-embed
  2. SocialEmbed组件添加到您的表单中

    use PrashantDhungana\SocialEmbed\SocialEmbed;
    
    SocialEmbed::make('video');

用法

基本用法

要在您的表单中使用SocialEmbed组件,只需调用make方法并传递字段名称

```php
use PrashantDhungana\SocialEmbed\SocialEmbed;

SocialEmbed::make('video');
```

这将创建一个文本输入字段,提示用户输入TikTok或YouTube视频URL。

自定义尺寸

您可以使用宽度和高度方法自定义嵌入视频的宽度和高度

```php
use PrashantDhungana\SocialEmbed\SocialEmbed;

SocialEmbed::make('video_url')
    ->width('80%')
    ->height('400');
```

通知

如果提供的URL来自不支持的视频平台,将向用户显示通知。

方法

make(string $name): static 创建SocialEmbed组件的新实例。

width(string $width): static 设置嵌入视频的宽度。接受表示宽度的字符串(例如,'100%')。

height(string $height): static 设置嵌入视频的高度。接受表示高度的字符串(例如,'500')。

getWidth(): string 返回当前嵌入视频的宽度。

getHeight(): string 返回当前嵌入视频的高度。

处理链接

processLink方法自动处理提供的URL并生成适当的嵌入链接。如果URL不受支持,将向用户发送通知。

支持的平台

  • TikTok
  • YouTube

示例URL格式

  • Tiktok: https://www.tiktok.com/@username/video/123456789
  • Youtube: https://www.youtube.com/watch?v=abcdefghijk, https://youtu.be/abcdefghijk, https://www.youtube.com/embed/abcdefghijk

许可证

此项目是开源的,可在MIT许可证下使用。

贡献

欢迎贡献!请提交拉取请求或打开问题以讨论任何更改。

致谢