feat(首页头图): 羊水囊不再动,改成囊里的宝宝自己动(吸手指、蹬腿) (v26093006)

- 去掉整层浮动和整图「胎动」扭动(用户:球不要动,要里面的宝宝动)。
- 母婴作图的 25w.mp4 取前 10s,只截囊内 600×600,正放 + 倒放拼成 20s 无缝循环,
  400×400 / 288KB(assets/video/b6476cfce328.mp4),遮罩只露囊内,叠在静态囊图上。
- 静态囊图换成视频第 1 帧(70812d56ec5f.jpg),视频淡入时画面对得上;放不了就停在静态图。
- 微信 iOS 等 WeixinJSBridgeReady 再 play();页面隐藏时暂停;减少动态效果下不放。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 09:20:13 +00:00
parent b69a02e570
commit f21af1e25b
6 changed files with 52 additions and 31 deletions

View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26093005';
var VER = '26093006';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -3445,6 +3445,26 @@
if (document.visibilityState !== 'hidden') resetScreenOnShow();
});
/* 首页头图里会动的宝宝(2026-09-30)。视频是装饰:静音、循环、放不了就停在底下的静态图上。
⚠️ 微信 iOS 的 web-view 不认 autoplay 属性,要等 WeixinJSBridgeReady 再手动 play();
页面切走时暂停,切回来再放,省电也省流量。「减少动态效果」下 CSS 直接隐藏,这里也不放。 */
(function heroKid() {
var v = document.getElementById('heroKid');
if (!v) return;
var reduce = false;
try { reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; } catch (e) {}
if (reduce) { try { v.removeAttribute('autoplay'); v.pause(); } catch (e) {} return; }
v.muted = true;
function play() { try { var p = v.play(); if (p && p.catch) p.catch(function () {}); } catch (e) {} }
v.addEventListener('playing', function () { v.classList.add('is-on'); });
document.addEventListener('WeixinJSBridgeReady', play, false);
if (window.WeixinJSBridge) play();
document.addEventListener('visibilitychange', function () {
if (document.visibilityState === 'hidden') { try { v.pause(); } catch (e) {} } else play();
});
play();
})();
if (document.readyState === 'complete') init();
else window.addEventListener('load', init);
})();