prashantdhungana / social-embed
将YouTube和Tiktok视频作为iframe嵌入
1.0.0
2024-07-04 13:24 UTC
Requires
- php: ^8.1
- filament/support: ^3.0
- spatie/laravel-package-tools: ^1.15.0
README
SocialEmbed
插件是一个自定义的Filament表单组件,允许用户通过提供URL来嵌入TikTok和YouTube视频。该组件扩展了来自Filament Forms库的TextInput
组件。
特性
- 支持嵌入TikTok和YouTube的视频。
- 可自定义嵌入视频的宽度和高度。
- 自动处理URL以生成正确的嵌入链接。
- 实时验证和更新嵌入链接。
- 支持不支持的视频平台的提醒。
安装
-
通过Composer要求插件
composer require prashantdhungana/social-embed
-
将
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许可证下使用。
贡献
欢迎贡献!请提交拉取请求或打开问题以讨论任何更改。