名称未設定

“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;