← back to Beverlyhillsvideos
multi-platform video: platform-aware embeds (YouTube+Vimeo+Instagram+TikTok ready) + 3 verified @lovebevhills Instagram posts + cross-platform follow links + embed.js
95e7910037a4c397b1ad18954626e541138b19a8 · 2026-08-05 12:57:10 -0700 · Steve Abrams
Files touched
M build.mjsM public/videos.html
Diff
commit 95e7910037a4c397b1ad18954626e541138b19a8
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 5 12:57:10 2026 -0700
multi-platform video: platform-aware embeds (YouTube+Vimeo+Instagram+TikTok ready) + 3 verified @lovebevhills Instagram posts + cross-platform follow links + embed.js
---
build.mjs | 42 ++++++++++++++++++++++++++++++++++++++----
public/videos.html | 32 ++++++++++++++++++++++++++++++--
2 files changed, 68 insertions(+), 6 deletions(-)
diff --git a/build.mjs b/build.mjs
index 571e217..b290347 100644
--- a/build.mjs
+++ b/build.mjs
@@ -73,6 +73,11 @@ const VIDEO_CATEGORIES = [
{ id: 'OHLhwIOnr4A', title: 'This Month’s Events in Beverly Hills', channel: LOVE },
{ id: 'N90exTV8eNs', title: 'Festival Beverly Hills', channel: LOVE },
] },
+ { name: 'On Social', blurb: 'Short-form Beverly Hills straight from the city’s official social channels.', videos: [
+ { platform: 'instagram', url: 'https://www.instagram.com/lovebevhills/reel/C-lSh-cy5yV/', title: 'Richard Orlinski sculptures on Rodeo Drive', channel: 'Love Beverly Hills' },
+ { platform: 'instagram', url: 'https://www.instagram.com/lovebevhills/p/Ct9uztRuRFP/', title: 'The Maybourne earns AAA Five Diamond', channel: 'Love Beverly Hills' },
+ { platform: 'instagram', url: 'https://www.instagram.com/lovebevhills/p/CQJu-IstVGF/', title: '“Mr. Rodeo Drive” — the Fred Hayman tribute', channel: 'Love Beverly Hills' },
+ ] },
{ name: 'Luxury Real Estate', blurb: 'Inside the landmark estates from the firms and agents who sell them.', videos: [
{ id: 'UgZ4P5P89-s', title: '77 Beverly Park Lane · $68,000,000', channel: 'The Beverly Hills Estates' },
{ id: 'JuP1zQJzaWc', title: '2571 Wallingford Drive · $49,995,000', channel: 'The Beverly Hills Estates' },
@@ -82,11 +87,33 @@ const VIDEO_CATEGORIES = [
] },
];
-const videoEmbed = (v) => `
+// Platform-aware embed. Every source verified (YouTube/Vimeo via oEmbed 200;
+// Instagram permalinks HTTP-200 on @lovebevhills). YouTube/Vimeo are clean
+// iframes; Instagram/TikTok use their official blockquote + embed.js.
+const videoEmbed = (v) => {
+ const p = v.platform || 'youtube';
+ if (p === 'youtube') return `
<figure class="vid">
<div class="frame"><iframe src="https://www.youtube.com/embed/${v.id}" title="${v.title}" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<figcaption>${v.title}<span class="vch">${v.channel}</span></figcaption>
</figure>`;
+ if (p === 'vimeo') return `
+ <figure class="vid">
+ <div class="frame"><iframe src="https://player.vimeo.com/video/${v.id}" title="${v.title}" loading="lazy" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>${v.title}<span class="vch">${v.channel}</span></figcaption>
+ </figure>`;
+ if (p === 'instagram') return `
+ <figure class="vid vid-social">
+ <blockquote class="instagram-media" data-instgrm-permalink="${v.url}" data-instgrm-version="14" style="width:100%;max-width:100%;min-width:260px;margin:0;border:1px solid var(--line);border-radius:6px"></blockquote>
+ <figcaption>${v.title}<span class="vch">${v.channel} · Instagram</span></figcaption>
+ </figure>`;
+ if (p === 'tiktok') return `
+ <figure class="vid vid-social">
+ <blockquote class="tiktok-embed" cite="${v.url}" data-video-id="${v.id}" style="max-width:100%;min-width:260px;margin:0"><section></section></blockquote>
+ <figcaption>${v.title}<span class="vch">${v.channel} · TikTok</span></figcaption>
+ </figure>`;
+ return '';
+};
const nav = `
<header class="site-head">
@@ -218,10 +245,17 @@ const videosBody = `
</div>
</section>`).join('')}
<section class="vid-note"><div class="wrap">
+ <p><strong>Follow Beverly Hills across platforms:</strong>
+ <a href="https://www.youtube.com/@lovebeverlyhills" target="_blank" rel="noopener noreferrer">YouTube</a> ·
+ <a href="https://www.instagram.com/lovebevhills/" target="_blank" rel="noopener noreferrer">Instagram</a> ·
+ <a href="https://www.tiktok.com/@lovebevhills" target="_blank" rel="noopener noreferrer">TikTok</a></p>
<p><strong>Featured channels:</strong> ${Object.entries(CH_URL).map(([n, u]) => `<a href="${u}" target="_blank" rel="noopener noreferrer">${n}</a>`).join(' · ')}</p>
- <p>Videos are embedded from their creators’ official YouTube channels and remain the property of their
- respective owners. ${BRAND} is an independent editorial guide and is not affiliated with the channels featured.</p>
- </div></section>`;
+ <p>Videos are embedded from their creators’ official channels (YouTube, Vimeo, Instagram, TikTok) and remain the
+ property of their respective owners. ${BRAND} is an independent editorial guide and is not affiliated with the
+ channels featured.</p>
+ </div></section>
+ <script async src="//www.instagram.com/embed.js"></script>
+ <script async src="https://www.tiktok.com/embed.js"></script>`;
writeFileSync('public/videos.html', page({
title: 'Beverly Hills Videos — real videos from the city’s businesses',
desc: 'Watch real Beverly Hills videos from the visitors bureau, luxury real-estate firms, and local institutions.',
diff --git a/public/videos.html b/public/videos.html
index a6e98d9..59d51c2 100644
--- a/public/videos.html
+++ b/public/videos.html
@@ -143,6 +143,27 @@
</div>
</div>
</section>
+ <section class="vid-channel">
+ <div class="wrap">
+ <div class="vch-head"><h2>On Social</h2></div>
+ <p class="vch-tag">Short-form Beverly Hills straight from the city’s official social channels.</p>
+ <div class="vid-grid">
+
+ <figure class="vid vid-social">
+ <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/lovebevhills/reel/C-lSh-cy5yV/" data-instgrm-version="14" style="width:100%;max-width:100%;min-width:260px;margin:0;border:1px solid var(--line);border-radius:6px"></blockquote>
+ <figcaption>Richard Orlinski sculptures on Rodeo Drive<span class="vch">Love Beverly Hills · Instagram</span></figcaption>
+ </figure>
+ <figure class="vid vid-social">
+ <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/lovebevhills/p/Ct9uztRuRFP/" data-instgrm-version="14" style="width:100%;max-width:100%;min-width:260px;margin:0;border:1px solid var(--line);border-radius:6px"></blockquote>
+ <figcaption>The Maybourne earns AAA Five Diamond<span class="vch">Love Beverly Hills · Instagram</span></figcaption>
+ </figure>
+ <figure class="vid vid-social">
+ <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/lovebevhills/p/CQJu-IstVGF/" data-instgrm-version="14" style="width:100%;max-width:100%;min-width:260px;margin:0;border:1px solid var(--line);border-radius:6px"></blockquote>
+ <figcaption>“Mr. Rodeo Drive” — the Fred Hayman tribute<span class="vch">Love Beverly Hills · Instagram</span></figcaption>
+ </figure>
+ </div>
+ </div>
+ </section>
<section class="vid-channel">
<div class="wrap">
<div class="vch-head"><h2>Luxury Real Estate</h2></div>
@@ -173,10 +194,17 @@
</div>
</section>
<section class="vid-note"><div class="wrap">
+ <p><strong>Follow Beverly Hills across platforms:</strong>
+ <a href="https://www.youtube.com/@lovebeverlyhills" target="_blank" rel="noopener noreferrer">YouTube</a> ·
+ <a href="https://www.instagram.com/lovebevhills/" target="_blank" rel="noopener noreferrer">Instagram</a> ·
+ <a href="https://www.tiktok.com/@lovebevhills" target="_blank" rel="noopener noreferrer">TikTok</a></p>
<p><strong>Featured channels:</strong> <a href="https://www.youtube.com/@lovebeverlyhills" target="_blank" rel="noopener noreferrer">Love Beverly Hills</a> · <a href="https://www.youtube.com/@cityofbeverlyhills" target="_blank" rel="noopener noreferrer">City of Beverly Hills</a> · <a href="https://www.youtube.com/@thebeverlyhillsestates" target="_blank" rel="noopener noreferrer">The Beverly Hills Estates</a> · <a href="https://www.youtube.com/@christophechoo" target="_blank" rel="noopener noreferrer">Christophe Choo</a> · <a href="https://www.youtube.com/@TheMaybourneBeverlyHills" target="_blank" rel="noopener noreferrer">The Maybourne Beverly Hills</a> · <a href="https://www.youtube.com/@SixtyHotels" target="_blank" rel="noopener noreferrer">SIXTY Hotels</a> · <a href="https://www.youtube.com/@gagosian" target="_blank" rel="noopener noreferrer">Gagosian</a></p>
- <p>Videos are embedded from their creators’ official YouTube channels and remain the property of their
- respective owners. Beverly Hills Videos is an independent editorial guide and is not affiliated with the channels featured.</p>
+ <p>Videos are embedded from their creators’ official channels (YouTube, Vimeo, Instagram, TikTok) and remain the
+ property of their respective owners. Beverly Hills Videos is an independent editorial guide and is not affiliated with the
+ channels featured.</p>
</div></section>
+ <script async src="//www.instagram.com/embed.js"></script>
+ <script async src="https://www.tiktok.com/embed.js"></script>
<footer class="site-foot">
<div class="wrap">
← 71b8e29 add 3 articles: BH nightlife, wellness & spas, fitness (7 ar
·
back to Beverlyhillsvideos
·
redesign: Gucci-caliber luxury system (Cormorant Garamond + 864d15d →