- Get link
- X
- Other Apps
====
<!-- United Container with 30px Dodgerblue Frame -->
<div style="background-color: white; border: 30px solid dodgerblue; color: black; padding: 25px; border-radius: 12px; max-width: 420px; margin: 0 auto; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); font-family: Arial, sans-serif;">
<!-- FIRST TIKTOK VIDEO SECTION -->
<div style="margin-bottom: 25px;">
<div style="position: relative; padding-bottom: 177.78%; height: 0; overflow: hidden; border-radius: 8px; background-color: #000;">
<iframe
src="https://www.tiktok.com/embed/v2/ZSbE3qtt1"
title="TikTok Video Player 1"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div style="margin-top: 12px;">
<a href="https://vt.tiktok.com/ZSbE3qtt1/" target="_blank" rel="noopener noreferrer" style="color: black; text-decoration: none; font-weight: bold; font-size: 16px; display: inline-block; padding: 10px 20px; background-color: dodgerblue; border-radius: 6px;">
Watch Video 1 on TikTok
</a>
</div>
</div>
<hr style="border: none; border-top: 2px solid dodgerblue; margin: 25px 0;" />
<!-- SECOND TIKTOK VIDEO SECTION -->
<div>
<div style="position: relative; padding-bottom: 177.78%; height: 0; overflow: hidden; border-radius: 8px; background-color: #000;">
<iframe
src="https://www.tiktok.com/embed/v2/7693475391050190087"
title="TikTok Video Player 2"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div style="margin-top: 12px;">
<a href="https://www.tiktok.com/@quantum.artspace/video/7693475391050190087?_r=1&_t=ZS-9AWAeYbKSsU" target="_blank" rel="noopener noreferrer" style="color: black; text-decoration: none; font-weight: bold; font-size: 16px; display: inline-block; padding: 10px 20px; background-color: dodgerblue; border-radius: 6px;">
Watch Video 2 on TikTok
</a>
</div>
</div>
</div>
<!-- Main Outer Container with 30px Dodgerblue Frame -->
<div style="background-color: white; border: 30px solid dodgerblue; color: black; padding: 25px; border-radius: 12px; max-width: 420px; margin: 0 auto; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); font-family: Arial, sans-serif;">
<!-- HEADER
<h2 style="text-align: center; margin: 0 0 16px 0; font-size: 20px; color: black;">
TikTok Archive – Embedded Preview
</h2>
-->
<hr style="border: 0; height: 2px; background: dodgerblue; margin: 16px 0;">
<!-- OFFICIAL TIKTOK EMBED (JS WRAPPER) -->
<div id="tiktok-js-wrapper">
<blockquote class="tiktok-embed"
cite="https://www.tiktok.com/@quantum.artspace/video/7693475391050190087"
data-video-id="7693475391050190087"
style="width: 100%; margin: 0 auto;">
<section></section>
</blockquote>
</div>
<!-- IFRAME EMBED (FALLBACK) -->
<div id="tiktok-iframe-wrapper" style="display: none;">
<div style="position: relative; width: 100%; padding-top: 177.78%; overflow: hidden; border-radius: 8px; background-color: #000;">
<iframe
src="https://www.tiktok.com/embed/v2/7693475391050190087"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
loading="lazy"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
<!-- LINK BUTTON (DIRECT ACCESS & FALLBACK)
<div id="tiktok-link-fallback" style="margin-top: 16px; text-align: center;">
<a href="https://www.tiktok.com/@quantum.artspace/video/7693475391050190087" target="_blank" rel="noopener noreferrer" style="color: black; text-decoration: none; font-weight: bold; font-size: 16px; display: inline-block; padding: 10px 20px; background-color: dodgerblue; border-radius: 6px;">
▶ View on TikTok
</a>
</div>
-->
</div>
<!-- ASYNC TIKTOK SCRIPT -->
<script async src="https://www.tiktok.com/embed.js"></script>
<!-- AUTO-FALLBACK LOGIC -->
<script>
(function () {
var jsWrapper = document.getElementById('tiktok-js-wrapper');
var iframeWrapper = document.getElementById('tiktok-iframe-wrapper');
setTimeout(function () {
if (!jsWrapper.querySelector('iframe')) {
jsWrapper.style.display = 'none';
iframeWrapper.style.display = 'block';
}
}, 2500);
})();
</script>
<!-- Main Outer Container with 30px Dodgerblue Frame -->
<div style="background-color: white; border: 30px solid dodgerblue; color: black; padding: 25px; border-radius: 12px; max-width: 420px; margin: 0 auto; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); font-family: Arial, sans-serif;">
<!-- HEADER -->
<h2 style="text-align: center; margin: 0 0 16px 0; font-size: 20px; color: black;">
TikTok Archive – Embedded Preview
</h2>
<hr style="border: 0; height: 2px; background: dodgerblue; margin: 16px 0;">
<!-- IFRAME EMBED (PRIMARY CONTAINER) -->
<div id="tiktok-iframe-wrapper">
<div style="position: relative; width: 100%; padding-top: 177.78%; overflow: hidden; border-radius: 8px; background-color: #000;">
<iframe
id="tiktok-iframe"
src="https://www.tiktok.com/embed/v2/7693475391050190087"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
loading="lazy"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
</div>
<!-- DIRECT LINK / FALLBACK BUTTON -->
<div id="tiktok-link-wrapper" style="margin-top: 16px; text-align: center;">
<a href="https://www.tiktok.com/@quantum.artspace/video/7693475391050190087" target="_blank" rel="noopener noreferrer" style="color: black; text-decoration: none; font-weight: bold; font-size: 16px; display: inline-block; padding: 10px 20px; background-color: dodgerblue; border-radius: 6px;">
▶ View on TikTok
</a>
</div>
</div>
<!-- IFRAME ERROR HANDLING LOGIC -->
<script>
(function () {
var iframe = document.getElementById('tiktok-iframe');
var iframeWrapper = document.getElementById('tiktok-iframe-wrapper');
if (iframe) {
iframe.onerror = function () {
iframeWrapper.style.display = 'none';
};
}
})();
</script>
Comments