itube-specs 0.0.1029 → 0.0.1031

package/SITE_UPDATES.md

@@ -11,6 +11,14 @@
 коммиты до бампа); `npm run patch` сам проставит ей номер версии. Формат пункта: что сделать и где,
 кому именно (всем / сайтам с N), что будет, если не сделать.
 
+## 0.0.1030 — 2026-10-13
+
+- **Всем сайтам с плеером:** поднять `itube-modern-player` до `^0.15.0` (`npm install itube-modern-player@^0.15.0`).
+  Слой теперь отдаёт постеру ролика `fallback` — jpeg из `thumbUrls.jpeg` (его сохраняет `cleanVideoData`), и плеер
+  0.15 рисует webp-постер через `<picture>` с jpeg для браузеров без webp. Не поднять — ничего не сломается, поле
+  молча игнорируется, фолбэка просто не будет. Сайтам с форком `components/player/core.vue` (hdsex-remaster,
+  videosection-redesign) — добавить `fallback` в постер, образец — коммит videosection-redesign.
+
 ## 0.0.1029 — 2026-10-13
 
 - **Сайтам с рекламными ссылками над контентом на мобиле (videosection-redesign):** новая вторая навигация —

package/assets/scss/themes/light/_theme.scss

@@ -1041,8 +1041,8 @@ $layout-second-nav-link-text: $color-white;
 $layout-second-nav-dot-bg: $color-green-400;
 
 // ─── Native card ───
-$native-card-bg: $color-slate-800;
-$native-card-primary: $color-gray-400;
+$native-card-bg: $color-white;
+$native-card-primary: $color-gray-900;
 $native-card-secondary: $color-gray-500;
 
 // ─── Adv: плашка «Реклама» поверх креатива ───

package/components/player/core.vue

@@ -172,6 +172,8 @@ const currentSource = computed<VideoSource>(() => {
   const big = props.data.thumbUrls?.webp?.[ThumbSize.Big];
   const medium = props.data.thumbUrls?.webp?.[ThumbSize.Medium];
   const src = big || medium;
+  // jpeg — для браузеров без webp: плеер (0.15+) рисует <picture> с ним в <img>
+  const fallback = props.data.thumbUrls?.jpeg?.[ThumbSize.Big] || props.data.thumbUrls?.jpeg?.[ThumbSize.Medium];
 
   return {
     src: props.data.videoUrl,
@@ -181,6 +183,7 @@ const currentSource = computed<VideoSource>(() => {
     poster: src
         ? {
           src,
+          fallback,
           srcset: big && medium ? `${medium} 480w, ${big} 1280w` : undefined,
           sizes: big && medium ? '100vw' : undefined,
           width: 1280,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.1029",
+  "version": "0.0.1031",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {

package/runtime/utils/cleaners/__tests__/clean-video-data.test.ts

@@ -19,7 +19,7 @@ describe('cleanVideoData', () => {
       channel: { name: 'Channel', avatar_url: 'https://img.com/ch.jpg' },
       url: '/video/1',
       preview_url: 'https://img.com/preview.mp4',
-      thumb_urls: { webp: { '320x180': 'small' } },
+      thumb_urls: { webp: { '320x180': 'small' }, jpeg: { '320x180': 'small-jpeg' } },
       vtt_url: '/vtt',
       vtt_sprite_url: '/sprite',
       created: 1700000000,
@@ -32,7 +32,7 @@ describe('cleanVideoData', () => {
     const result = cleanVideoData(raw as any);
     expect(result.guid).toBe('v-1');
     expect(result.channelName).toBe('Channel');
-    expect(result.thumbUrls).toEqual({ webp: { '320x180': 'small' } });
+    expect(result.thumbUrls).toEqual({ webp: { '320x180': 'small' }, jpeg: { '320x180': 'small-jpeg' } });
     expect(result.vttUrl).toBe('/vtt');
     expect(result.videoUrl).toBe('/stream');
     expect(result.isDeleted).toBe(false);
@@ -150,6 +150,11 @@ describe('cleanVideoData', () => {
     ]);
   });
 
+  it('тумбы без jpeg — без ключа jpeg', () => {
+    const result = cleanVideoData({ thumb_urls: { webp: { '320x180': 'small' } } } as any);
+    expect(result.thumbUrls).toEqual({ webp: { '320x180': 'small' } });
+  });
+
   it('пустые данные → дефолты', () => {
     const result = cleanVideoData({} as any);
     expect(result.guid).toBe('');

package/runtime/utils/cleaners/clean-video-data.ts

@@ -84,6 +84,7 @@ export const cleanVideoData = (data: IRawVideoData, theme?: string): IVideoData
   previewUrl: data.preview_url || '',
   thumbUrls: data.thumb_urls ? {
     webp: data.thumb_urls.webp,
+    ...(data.thumb_urls.jpeg ? { jpeg: data.thumb_urls.jpeg } : {}),
   } : undefined,
   vttUrl: data.vtt_url || '',
   vttSpriteUrl: data.vtt_sprite_url || '',

package/types/thumbs-urls.d.ts

@@ -1,6 +1,7 @@
 import type { ThumbSize } from '../runtime/constants/thumb-size';
 
-/** Очищенные тумбы — только webp */
+/** Очищенные тумбы: webp; jpeg — только у ролика целиком, фолбэк постера плеера. */
 export interface IThumbUrls {
   webp: Partial<Record<ThumbSize, string>>;
+  jpeg?: Partial<Record<ThumbSize, string>>;
 }