← back to Beverlyhillsvideos
add Videos page: 7 oEmbed-verified real BH local-business YouTube embeds (Love Beverly Hills, The Beverly Hills Estates, Christophe Choo) + homepage video strip
1bc67d38fd545dc72c61b69a9bcf01f4776f0a0c · 2026-08-05 12:04:27 -0700 · Steve Abrams
Files touched
M build.mjsM public/index.htmlM public/posts/beverly-hills-real-estate.htmlM public/posts/dining-in-beverly-hills.htmlM public/posts/rodeo-drive-guide.htmlM public/posts/things-to-do-beverly-hills.htmlM public/privacy.htmlM public/style.cssA public/videos.html
Diff
commit 1bc67d38fd545dc72c61b69a9bcf01f4776f0a0c
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Wed Aug 5 12:04:27 2026 -0700
add Videos page: 7 oEmbed-verified real BH local-business YouTube embeds (Love Beverly Hills, The Beverly Hills Estates, Christophe Choo) + homepage video strip
---
build.mjs | 69 ++++++++++++++++
public/index.html | 22 +++++
public/posts/beverly-hills-real-estate.html | 1 +
public/posts/dining-in-beverly-hills.html | 1 +
public/posts/rodeo-drive-guide.html | 1 +
public/posts/things-to-do-beverly-hills.html | 1 +
public/privacy.html | 1 +
public/style.css | 17 ++++
public/videos.html | 118 +++++++++++++++++++++++++++
9 files changed, 231 insertions(+)
diff --git a/build.mjs b/build.mjs
index 13ba620..b21752a 100644
--- a/build.mjs
+++ b/build.mjs
@@ -23,11 +23,39 @@ const POSTS = [
blurb: 'The power lunch, the hotel dining rooms, the cuisines — and how to taste the city on any budget.' },
];
+// Real Beverly Hills local-business YouTube videos — every ID oEmbed-verified
+// (HTTP 200 + embeddable) 2026-08-05. Non-embeddable / off-topic ones were dropped.
+const VIDEO_CHANNELS = [
+ { name: 'Love Beverly Hills', tag: 'Beverly Hills Conference & Visitors Bureau — the city’s official destination guide',
+ url: 'https://www.youtube.com/@lovebeverlyhills', videos: [
+ { id: 'OHLhwIOnr4A', title: 'This Month’s Events in Beverly Hills' },
+ { id: 'shtyIgVvTlg', title: 'MICHELIN Dining in Beverly Hills' },
+ { id: 'sFPzNgUqeUU', title: 'The Wallis 2026/2027 Season' },
+ ] },
+ { name: 'The Beverly Hills Estates', tag: 'One of L.A.’s leading luxury real-estate firms — inside the city’s landmark properties',
+ url: 'https://www.youtube.com/@thebeverlyhillsestates', videos: [
+ { id: 'UgZ4P5P89-s', title: '77 Beverly Park Lane · Beverly Hills · $68,000,000' },
+ { id: 'rJ5e6Sx4SZM', title: 'Estate of Mind — The Podcast · Episode 12' },
+ ] },
+ { name: 'Christophe Choo', tag: 'Award-winning Beverly Hills luxury real-estate agent — home tours across the Platinum Triangle',
+ url: 'https://www.youtube.com/@christophechoo', videos: [
+ { id: '33qhhmq9-1Y', title: 'Top-Floor Primary Suite · $5.5M · Panoramic Views' },
+ { id: 'QsuX5VkIJEc', title: 'Modern Upgrades Meet Scandinavian Warmth' },
+ ] },
+];
+
+const videoEmbed = (v) => `
+ <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}</figcaption>
+ </figure>`;
+
const nav = `
<header class="site-head">
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
@@ -91,6 +119,15 @@ const homeBody = `
</a>`).join('')}
</div>
</div>
+ </section>
+ <section class="home-vids">
+ <div class="wrap">
+ <div class="vch-head"><h2>From the city, on video</h2><a class="vch-link" href="/videos.html">All videos →</a></div>
+ <p class="vch-tag">Real footage from Beverly Hills businesses and institutions.</p>
+ <div class="vid-grid">
+ ${VIDEO_CHANNELS.slice(0, 3).map(c => videoEmbed(c.videos[0])).join('')}
+ </div>
+ </div>
</section>`;
// ---- build ----
@@ -122,6 +159,38 @@ for (const p of POSTS) {
}));
}
+// ---- videos page (real, verified BH local-business embeds) ----
+const videosBody = `
+ <section class="hero vids-hero">
+ <div class="wrap">
+ <p class="eyebrow">WATCH</p>
+ <h1>Beverly Hills, on video.</h1>
+ <p class="sub">Real videos from the city’s own businesses and institutions — the visitors bureau, its
+ landmark real-estate firms, and the people who know 90210 best.</p>
+ </div>
+ </section>
+ ${VIDEO_CHANNELS.map(c => `
+ <section class="vid-channel">
+ <div class="wrap">
+ <div class="vch-head">
+ <h2>${c.name}</h2>
+ <a class="vch-link" href="${c.url}" target="_blank" rel="noopener noreferrer">View channel →</a>
+ </div>
+ <p class="vch-tag">${c.tag}</p>
+ <div class="vid-grid">
+ ${c.videos.map(videoEmbed).join('')}
+ </div>
+ </div>
+ </section>`).join('')}
+ <section class="vid-note"><div class="wrap"><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>`;
+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.',
+ canonical: '/videos.html', body: videosBody,
+}));
+
// ---- privacy (AdSense-compliant) ----
const privacyBody = `
<article class="post">
diff --git a/public/index.html b/public/index.html
index 4a9ec4a..3f516cb 100644
--- a/public/index.html
+++ b/public/index.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
@@ -68,6 +69,27 @@
</div>
</div>
</section>
+ <section class="home-vids">
+ <div class="wrap">
+ <div class="vch-head"><h2>From the city, on video</h2><a class="vch-link" href="/videos.html">All videos →</a></div>
+ <p class="vch-tag">Real footage from Beverly Hills businesses and institutions.</p>
+ <div class="vid-grid">
+
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/OHLhwIOnr4A" title="This Month’s Events in Beverly Hills" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>This Month’s Events in Beverly Hills</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/UgZ4P5P89-s" title="77 Beverly Park Lane · Beverly Hills · $68,000,000" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>77 Beverly Park Lane · Beverly Hills · $68,000,000</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/33qhhmq9-1Y" title="Top-Floor Primary Suite · $5.5M · Panoramic Views" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>Top-Floor Primary Suite · $5.5M · Panoramic Views</figcaption>
+ </figure>
+ </div>
+ </div>
+ </section>
<footer class="site-foot">
<div class="wrap">
diff --git a/public/posts/beverly-hills-real-estate.html b/public/posts/beverly-hills-real-estate.html
index c5eaa62..6391c6d 100644
--- a/public/posts/beverly-hills-real-estate.html
+++ b/public/posts/beverly-hills-real-estate.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
diff --git a/public/posts/dining-in-beverly-hills.html b/public/posts/dining-in-beverly-hills.html
index 2bec6f9..98727da 100644
--- a/public/posts/dining-in-beverly-hills.html
+++ b/public/posts/dining-in-beverly-hills.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
diff --git a/public/posts/rodeo-drive-guide.html b/public/posts/rodeo-drive-guide.html
index b7cff9b..be223d6 100644
--- a/public/posts/rodeo-drive-guide.html
+++ b/public/posts/rodeo-drive-guide.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
diff --git a/public/posts/things-to-do-beverly-hills.html b/public/posts/things-to-do-beverly-hills.html
index 76a5536..208bbfc 100644
--- a/public/posts/things-to-do-beverly-hills.html
+++ b/public/posts/things-to-do-beverly-hills.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
diff --git a/public/privacy.html b/public/privacy.html
index 0381e40..1cd2da1 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -21,6 +21,7 @@
<div class="wrap">
<a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
<nav>
+ <a href="/videos.html">Videos</a>
<a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
<a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
<a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
diff --git a/public/style.css b/public/style.css
index d04793b..8f13d28 100644
--- a/public/style.css
+++ b/public/style.css
@@ -62,3 +62,20 @@ li{margin:.35em 0}
.site-foot .fine{font-size:.82rem;max-width:70ch}
@media(max-width:620px){.hero h1{font-size:2.2rem}.post h1{font-size:2rem}.hero{padding:40px 0}}
+
+/* videos */
+.vids-hero{padding:48px 0 40px}
+.home-vids,.vid-channel{padding:36px 0}
+.home-vids{border-top:1px solid var(--line);background:#fff}
+.vch-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
+.vch-link{font-weight:700;font-size:.85rem;letter-spacing:.04em;text-decoration:none;color:var(--gold-ink);white-space:nowrap}
+.vch-link:hover{text-decoration:underline}
+.vch-tag{color:var(--muted);margin:.2em 0 1.1em;max-width:70ch}
+.vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
+.vid{margin:0}
+.vid .frame{position:relative;width:100%;padding-top:56.25%;border-radius:6px;overflow:hidden;background:#000;border:1px solid var(--line)}
+.vid .frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
+.vid figcaption{font-size:.92rem;font-weight:600;margin-top:.55em;color:var(--ink);line-height:1.4}
+.vid-channel:nth-of-type(even){background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
+.vid-note{padding:8px 0 30px}
+.vid-note p{font-size:.82rem;color:var(--muted);max-width:75ch}
diff --git a/public/videos.html b/public/videos.html
new file mode 100644
index 0000000..4d50096
--- /dev/null
+++ b/public/videos.html
@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Beverly Hills Videos — real videos from the city’s businesses · Beverly Hills Videos</title>
+<meta name="description" content="Watch real Beverly Hills videos from the visitors bureau, luxury real-estate firms, and local institutions.">
+<link rel="canonical" href="https://beverlyhillsvideos.com/videos.html">
+<meta property="og:title" content="Beverly Hills Videos — real videos from the city’s businesses">
+<meta property="og:description" content="Watch real Beverly Hills videos from the visitors bureau, luxury real-estate firms, and local institutions.">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Beverly Hills Videos">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;800&family=Inter:wght@400;600&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/style.css">
+<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5278231299883833" crossorigin="anonymous"></script>
+</head>
+<body>
+
+ <header class="site-head">
+ <div class="wrap">
+ <a class="brand" href="/">BEVERLY HILLS<span>VIDEOS</span></a>
+ <nav>
+ <a href="/videos.html">Videos</a>
+ <a href="/posts/beverly-hills-real-estate.html">Real Estate</a>
+ <a href="/posts/rodeo-drive-guide.html">Rodeo Drive</a>
+ <a href="/posts/things-to-do-beverly-hills.html">City Guide</a>
+ <a href="/posts/dining-in-beverly-hills.html">Dining</a>
+ </nav>
+ </div>
+ </header>
+
+ <section class="hero vids-hero">
+ <div class="wrap">
+ <p class="eyebrow">WATCH</p>
+ <h1>Beverly Hills, on video.</h1>
+ <p class="sub">Real videos from the city’s own businesses and institutions — the visitors bureau, its
+ landmark real-estate firms, and the people who know 90210 best.</p>
+ </div>
+ </section>
+
+ <section class="vid-channel">
+ <div class="wrap">
+ <div class="vch-head">
+ <h2>Love Beverly Hills</h2>
+ <a class="vch-link" href="https://www.youtube.com/@lovebeverlyhills" target="_blank" rel="noopener noreferrer">View channel →</a>
+ </div>
+ <p class="vch-tag">Beverly Hills Conference & Visitors Bureau — the city’s official destination guide</p>
+ <div class="vid-grid">
+
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/OHLhwIOnr4A" title="This Month’s Events in Beverly Hills" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>This Month’s Events in Beverly Hills</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/shtyIgVvTlg" title="MICHELIN Dining in Beverly Hills" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>MICHELIN Dining in Beverly Hills</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/sFPzNgUqeUU" title="The Wallis 2026/2027 Season" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>The Wallis 2026/2027 Season</figcaption>
+ </figure>
+ </div>
+ </div>
+ </section>
+ <section class="vid-channel">
+ <div class="wrap">
+ <div class="vch-head">
+ <h2>The Beverly Hills Estates</h2>
+ <a class="vch-link" href="https://www.youtube.com/@thebeverlyhillsestates" target="_blank" rel="noopener noreferrer">View channel →</a>
+ </div>
+ <p class="vch-tag">One of L.A.’s leading luxury real-estate firms — inside the city’s landmark properties</p>
+ <div class="vid-grid">
+
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/UgZ4P5P89-s" title="77 Beverly Park Lane · Beverly Hills · $68,000,000" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>77 Beverly Park Lane · Beverly Hills · $68,000,000</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/rJ5e6Sx4SZM" title="Estate of Mind — The Podcast · Episode 12" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>Estate of Mind — The Podcast · Episode 12</figcaption>
+ </figure>
+ </div>
+ </div>
+ </section>
+ <section class="vid-channel">
+ <div class="wrap">
+ <div class="vch-head">
+ <h2>Christophe Choo</h2>
+ <a class="vch-link" href="https://www.youtube.com/@christophechoo" target="_blank" rel="noopener noreferrer">View channel →</a>
+ </div>
+ <p class="vch-tag">Award-winning Beverly Hills luxury real-estate agent — home tours across the Platinum Triangle</p>
+ <div class="vid-grid">
+
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/33qhhmq9-1Y" title="Top-Floor Primary Suite · $5.5M · Panoramic Views" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>Top-Floor Primary Suite · $5.5M · Panoramic Views</figcaption>
+ </figure>
+ <figure class="vid">
+ <div class="frame"><iframe src="https://www.youtube.com/embed/QsuX5VkIJEc" title="Modern Upgrades Meet Scandinavian Warmth" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
+ <figcaption>Modern Upgrades Meet Scandinavian Warmth</figcaption>
+ </figure>
+ </div>
+ </div>
+ </section>
+ <section class="vid-note"><div class="wrap"><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></div></section>
+
+ <footer class="site-foot">
+ <div class="wrap">
+ <p>© 2026 Beverly Hills Videos · beverlyhillsvideos.com</p>
+ <p class="fine">An independent editorial guide to Beverly Hills — its neighborhoods, culture, shopping, and dining.
+ Not affiliated with the City of Beverly Hills. <a href="/privacy.html">Privacy</a></p>
+ </div>
+ </footer>
+</body>
+</html>
\ No newline at end of file
← d9c2e5e beverlyhillsvideos.com: BH editorial news/blog (4 cornerston
·
back to Beverlyhillsvideos
·
expand Videos to 12 verified embeds across 4 real BH institu fa446ae →