diff --git a/.changeset/odd-jeans-repair.md b/.changeset/odd-jeans-repair.md new file mode 100644 index 00000000..aff69bf0 --- /dev/null +++ b/.changeset/odd-jeans-repair.md @@ -0,0 +1,7 @@ +--- +'@astro-community/astro-embed-integration': minor +'@astro-community/astro-embed-tiktok': minor +'astro-embed': minor +--- + +Adds TikTok astro-embed component diff --git a/demo/package.json b/demo/package.json index 56f7f410..e3d6d652 100644 --- a/demo/package.json +++ b/demo/package.json @@ -14,6 +14,7 @@ "@astro-community/astro-embed-gist": "workspace:*", "@astro-community/astro-embed-link-preview": "workspace:*", "@astro-community/astro-embed-mastodon": "workspace:*", + "@astro-community/astro-embed-tiktok": "workspace:*", "@astro-community/astro-embed-vimeo": "workspace:*", "@astro-community/astro-embed-youtube": "workspace:*", "@astrojs/mdx": "^5.0.4", diff --git a/demo/src/pages/index.astro b/demo/src/pages/index.astro index 4535ee34..c1d2e0bf 100644 --- a/demo/src/pages/index.astro +++ b/demo/src/pages/index.astro @@ -36,6 +36,9 @@ import Base from '../layouts/Base.astro';
<Gist/> component examples
<TikTok/> component examples
+
+ <TikTok id="7512867562258992406" />
+
+ <TikTok
+ id="https://www.tiktok.com/@rickastleyofficial/video/7512867562258992406"
+ />
+
+ <TikTok id="7512867562258992406" embedType="video" maxWidth="418px"
+ />
+
+ <TikTok id="7512867562258992406"
+ poster="https://picsum.photos/id/158/1280/853" />
+
+ <TikTok id="7512867562258992406"
+ params="music_info=1&description=1&autoplay=0&loop=1" />
+
+ <TikTok id="7512867562258992406" playLabel="Play the TikTok video"
+ />
+
+ <TikTok id="7512867562258992406" orientation="landscape" />
+