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:
22
js/app.js
22
js/app.js
@@ -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);
|
||||
})();
|
||||
|
||||
Reference in New Issue
Block a user