lite-youtube

> 编程语言

开源

这是互联网这边最快的 YouTube 网络组件。这是 Paul 的 lite-youtube-embed 的阴影 DOM 网络组件版本。

1.4K stars0 点赞0 次浏览

访问官网 GitHub

工具介绍

这是互联网这边最快的 YouTube 网络组件。这是 Paul 的 lite-youtube-embed 的阴影 DOM 网络组件版本。

<lite-youtube>

一个 Web 组件,可更快地渲染 YouTube 嵌入。Paul 的 ShadowDom Web 组件版本 lite-youtube-embed。

特性

没有依赖项;它只是一个普通的 Web 组件。 - 速度快。 - 它是 Shadow Dom 封装的! - 它响应 16:9。 - 它可以通过键盘访问,并通过 videotitle 属性设置 ARIA。 - 它支持本地化;您可以设置 videoplay 以获得基于本地化的标签。 - 设置 start 属性以在视频中特定位置开始播放。 - 您可以设置 autoload 以使用交集观察器加载 iframe,当滚动进入视野时。 - 加载 WebP 占位图,并使用 JPEG 进行回退。 - _ v1.1 新增_: 添加 nocookie 属性,用于使用 youtube-nocookie.com 作为 iframe 嵌入 URI。 - _ v1.2 新增_: 添加 playlistid 用于播放列表加载接口支持。 - _ v1.3 新增_: 添加 loading=lazy 到图像占位符,以便在使用 posterloading 属性时提高性能。 - _ v1.4 新增_: 添加 short 属性,用于启用实验性 YouTube 短视频移动交互支持。有关详细信息,请参阅 (示例视频)[https://www.youtube.com/watch?v=aw7CRQTuRfo]。 - _ v1.5 新增_: 添加通过 window.liteYouTubeNonce 来支持 CSP 2/3 的非ce 标记属性。 - _ v1.6 新增_: 添加 autoPause 用于暂停滚动到屏幕外的视频;添加 --lite-youtube-aspect-ratio CSS 自定义属性,用于创建自定义的宽高比视频;添加 --lite-youtube-frame-shadow-visible CSS 自定义属性,用于禁用边框阴影(平滑外观);添加名为 image 的插槽,允许设置自定义海报图像;添加 credentialless 用于 COEP。 - _ v1.7 新增_: 添加 404 回退海报的支持;为搜索索引添加 noscript 注入器,用于 lightdom (在 v1.7.1 中通过 disablenoscript 属性禁用)。 - _ v1.8 新增_: 添加通过 ::part 来定制播放按钮的支持(感谢 @Lukinoh!)。 - _ v1.9 新增_: 添加播放列表缩略图的支持(感谢 @arclight0)。