“use client”;
import React from “react”;
function MainComponent() {
const [contentVisible, setContentVisible] = React.useState(false);
React.useEffect(() => {
const script = document.createElement(“script”);
script.src = “https://player.vimeo.com/api/player.js”;
script.onload = () => {
const player = new window.Vimeo.Player(“vimeo-player”, {
id: 951032259,
autoplay: true,
autopause: 0,
});
player.on(“timeupdate”, (event) => {
if (event.seconds >= 5) {
setContentVisible(true);
player.off(“timeupdate”);
}
});
};
document.body.appendChild(script);
return () => {
if (script) {
document.body.removeChild(script);
}
};
}, []);
return (
{contentVisible && (
商品の詳細説明
この商品はとても素晴らしい商品です。詳細をご覧ください。
)}
);
}
function StoryComponent() {
return (
);
}
export default MainComponent;