Bài viết mẫu — video nhúng inline trong trang đọc
This is a real article page (natural scrolling like a normal page), unlike the nested-scroll reader on the homepage. The point: embedded video sits right inside the reading frame and plays in place — your eyes never leave the context.
1 · Demo video (16:9)
Click the thumbnail to play. The video plays inside the frame, without expanding to full screen.
Video 1 — playing inline in a naturally scrolling page (works on iPad).
2 · Vertical video (9:16)
A portrait frame for Short-style video, still inside the reading flow:
Video 2 — 9:16 portrait ratio.
3 · Images & paragraphs
Images and video both scale to the reading column width. This is the platform’s standard article layout: content in one naturally scrolling page, with inline embedded media working on every device including iOS Safari.
このページは(ホームの入れ子スクロールreaderとは違い)本物の記事として普通のページのように自然にスクロールする。目的: 埋め込み動画が読み枠の中にあり、その場で再生される — 目が文脈を離れずに済む。
1 · デモ動画 (16:9)
画像を押すと再生。動画は全画面に飛び出さず、枠内でそのまま再生される。
動画1 — 自然にスクロールするページ内でのインライン再生(iPadでも正常)。
2 · 縦動画 (9:16)
Short型動画のための縦枠。これも読みの流れの中にある:
動画2 — 縦比率 9:16。
3 · 画像と段落
画像も動画も読み列の幅に合わせて縮む。これが新プラットフォーム標準の記事表示: 自然にスクロールする1ページの中のコンテンツと、iOS Safariを含むあらゆる端末で正しく動くインライン埋め込みメディア。
이 페이지는 (홈의 중첩 스크롤 reader와 달리) 실제 게시글로, 일반 페이지처럼 자연스럽게 스크롤된다. 목적: 임베드 동영상이 읽기 프레임 안에 있고 그 자리에서 재생된다 — 눈이 문맥을 떠날 필요가 없다.
1 · 데모 동영상 (16:9)
이미지를 누르면 재생. 동영상은 전체 화면으로 튀어나오지 않고 프레임 안에서 그대로 재생된다.
동영상 1 — 자연 스크롤 페이지 안 인라인 재생 (iPad에서도 정상).
2 · 세로 동영상 (9:16)
Short형 동영상을 위한 세로 프레임. 역시 읽기 흐름 안에 있다:
동영상 2 — 세로 비율 9:16.
3 · 이미지와 문단
이미지와 동영상 모두 읽기 열 너비에 맞춰 줄어든다. 이것이 새 플랫폼의 표준 게시글 표시 방식이다: 자연스럽게 스크롤되는 한 페이지 안의 콘텐츠, 그리고 iOS Safari를 포함한 모든 기기에서 제대로 동작하는 인라인 임베드 미디어.
这个页面是一篇真实文章(像普通页面一样自然滚动),不同于首页的嵌套滚动 reader。目的:嵌入视频就在阅读框内,原地播放——你的视线不必离开上下文。
1 · 演示视频 (16:9)
点击图片播放。视频在框内直接播放,不会弹出全屏。
视频 1 — 在自然滚动页面中内联播放(iPad 上运行正常)。
2 · 竖版视频 (9:16)
为 Short 类视频准备的竖框,同样位于阅读流之中:
视频 2 — 竖版比例 9:16。
3 · 图片与段落
图片和视频都会随阅读栏宽度缩放。这就是新平台的标准文章展示方式:内容在一个自然滚动的页面中,内联嵌入的媒体在包括 iOS Safari 在内的所有设备上都能正常工作。