レンタル51万冊以上、購入130万冊以上配信中!

年齢確認

18歳未満の方はご利用いただけません。あなたは18歳以上ですか?
はい
いいえ

新入荷作品

ショートドラマランキング

キャンペーン中のおすすめ作品

スタッフおすすめショートドラマ

  • イケメン担任vsイケメンクラスメイト〜私の心は大渋滞!?〜 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    ヒロインを巡る胸キュン三角関係

    日本一のお嬢様が、憧れの普通の高校生活をスタート!ところが、幼い頃から仕えてきた執事がまさかの担任教師として同じ学校に!
    過保護でまっすぐな執事と、優しくて頼れるクラスメイト。タイプの違う2人のイケメンにも注目ですが、彼等に真っすぐ向き合う皐月もキラキラしていて本当にかわいい!!
    皐月が選ぶのは、幼い頃から支えてくれた執事なのか、それとも新しい世界を見せてくれるクラスメイトなのか。
    美男美女が織りなす王道ラブコメ、ぜひ胸キュンしてください!

    姫島皐月
    日本一のお嬢様。屋敷の生活から普通の高校生活を送ることを決意。
    剣崎隼人
    皐月に幼少期から仕えていた執事。役目を果たすため皐月の学校に赴任。

    雰囲気:イケメン

    ジャンル:ラブコメ

    ジャンル:三角関係

  • 空いてる部屋あります。 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    ワンルームなのにシェアルーム!?

    念願の一人暮らしをスタートするはずだった莉羅。ところが新居には、なぜかすでに「住人」がいた!?
    同居人・尾瀬はとにかく謎が多い男。その正体が中々明かされない展開がじれったくも面白いです!
    ゴリ押し不動産屋や怪しい監視者など、次々と登場するクセ者達にも引き込まれました!
    豪華キャストが魅せる、コメディ×ミステリー作品。
    果たして、莉羅が選んだ結末とは…?

    麻倉莉羅
    転職活動中。規則に厳しいお嬢様。
    尾瀬雄司
    素性不明。マイペースなお調子者男子。

    雰囲気:コメディ

    ジャンル:ミステリー

    ジャンル:同居生活

  • ダウトコール arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    嘘と真実が交わる不倫復讐劇

    誕生日の夜、ひかりに届いた一本の非通知電話。「あなた、浮気されていますよ」
    謎の人物が放った一言が、平穏な生活を一変させる。
    夫を信じたいのに信じられないひかりの行動は次第に加速していき、終盤は最早ホラーのような緊迫感!
    誰が裏切り、どんな復讐が待ち受けているのか。
    衝撃の修羅場、見逃し厳禁です!

    葵 ひかり
    夫の不倫を疑って心理的に追い詰められ、様々な行動に出る。
    葵 海斗
    ひかりの夫。物語が進むにつれて怪しい行動が増えていく。

    雰囲気:復讐劇

    ジャンル:スリリング

    ジャンル:昼ドラ感

  • 沼堕ち arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    夜の世界に潜む抗えぬ罠…

    ストレスフルな日々の明日菜の癒しは、夜の街で見つけたホスト「ルイ」。しかしその存在は癒しから「沼」へと変わって行きます。
    ルイの笑顔が見たくて、段々と荒んでいく明日菜の姿がリアルすぎる…。さらに、「担当かぶり」を巡る女同士のバトルにも釘付けになりました。

    映画「カメラを止めるな!」の秋山ゆずきさんが主人公を演じる、愛と執着の泥沼ドラマ。
    果たして彼女は幸せな結末を迎えることができるのでしょうか…?

    明日菜
    真面目な公務員。ルイと出会い、徐々に彼の魅力にハマっていく。
    ルイ
    犬系ホスト。明日菜の心を癒す存在。

    雰囲気:ホスト

    ジャンル:泥沼

    ジャンル:愛憎劇

  • 私人逮捕系Youtuberの俺vs島−この島には”奴”がいる− arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    私人逮捕系が挑む衝撃のミステリー

    正義感あふれる私人逮捕系YouTuber・健太。そんな彼のもとに届いたのは、情報屋・芽衣子からの「島」にまつわるSOS!
    謎の儀式、閉ざされた集落、そして生贄の指名…。最後まで予測不能のストーリーに息を呑みます。
    衝撃のホラーミステリー、いざ開幕!

    健太
    喧嘩最強の中年YouTuber。本当の事件を解決したいと願っていた。
    芽衣子
    情報屋。故郷の「島」での悪習に巻き込まれてしまう。

    雰囲気:ミステリー

    ジャンル:悪習

    ジャンル:予想外の展開

  • 伏龍の王と心貧しき狐たち arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    傲慢金持ち達に正義の鉄槌!

    日本最大財閥の御曹司でありながら、正体を隠して学生生活を送る海音寺龍生。大学では、金持ちの傲慢なグループ「ジェネラル4」が仲間を侮辱し、非道な振る舞いを続けていた。
    龍生はその行為に怒りを覚え、とある出来事をきっかけに、彼らに正義の鉄槌を下すことを決意する。
    本作の見どころは、しつこく懲りない「ジェネラル4」の横暴ぶりと、それを跳ね返す龍生の巻き返し。さらに、今話題の俳優達が演じる個性豊かなキャラクター達も必見です!
    現代社会にストレスを抱えているそこのあなた、このドラマで思い切りスカッとしてください!

    海音寺 龍生
    日本最大財閥の御曹司。社会勉強の為に一般学生として生活している。
    雪村沙紀
    龍生のバイト仲間。「ジェネラル4」に目を付けられている。

    雰囲気:御曹司

    ジャンル:復讐劇

    ジャンル:スカッと展開

  • イケメン留学生の愛情表現がオレには効きすぎる arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    イケメン留学生青春BLドラマ

    日本茶作りを手伝う為に、フランスからやってきたイケメン留学生・ルイ。
    夏の帰省先でルイと同じ部屋・同じ布団という特別な時間を共有することになったアサヒ。
    ルイの無邪気な笑顔や積極的なスキンシップに、アサヒは自分の中の“当たり前”が少しずつ変わっていくのを感じていきます。
    ドキドキするほど近い2人のゼロ距離感に悶え、夢中になってしまいました…!
    この夏がアサヒにとってどんな思い出になるのか、ゼロ距離フランス男子 × 純粋な日本の大学生の、胸が高鳴るBLドラマをぜひお楽しみください!

    高橋アサヒ
    日本の大学生。夏休み中ルイと同居することになり、心の変化に気づき始める。
    ルイ・シモン
    フランス人留学生。無邪気な笑顔やボディタッチでアサヒの心を揺さぶる。

    雰囲気:短編BL

    ジャンル:イケメン

    ジャンル:ゼロ距離

  • 青いチェリーにロマンスを arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    不器用男子の、初恋リスタート

    前半は「童貞同盟」のドタバタが炸裂し、男子校的なノリで物語が進行。またギャル化したスズカの心無い対応に振り回されるハルキの姿には痛々しさを感じるものの、そこから始まる真面目な後輩・ミサキとの交流は騒がしい日常に一筋の清涼感をもたらし、ふたりの誠実なやり取りも微笑ましく感じられます。コミカルさから恋愛ドラマへと切り替わるテンポが心地よく、見る者を先へと引き込む構成の妙。不器用な大学生の恋愛を「笑い」と「ときめき」で彩ったラブコメディです。

    ハルキ
    童貞同盟の一員。不器用で純情、恋に翻弄される大学生。
    ミサキ
    真面目で誠実な後輩。スズカとは対照的に落ち着いた存在。

    雰囲気:コミカル

    ジャンル:ラブコメディ

    ジャンル:青春劇

  • ラブデスゲーム arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    断罪か報酬か、狂気に挑め!

    狂気の舞台に集められたのは、盗撮、薬物、整形依存…それぞれが闇を抱えた女性たち。

    ゲームに負けたら“断罪”と“死”が待つという残酷なルールの中で、必死に抗う姿が胸をえぐります。弁護のしようもない罪を抱えた女性たちなのに、おもわず慈悲を求めてしまう不思議な緊張感。火花を散らす参加者同士の心理戦。

    醜さと欲望が剥き出しになる描写が怖いと思いつつも目が離せず、つい時間を忘れて見入ってしまう作品です。

    カノカ
    盗撮で憂さ晴らしする大学生。人生を賭けたデスゲームへ強制参加。
    シュン(ゲームマスター)
    デスゲームを取り仕切る狂気のゲームマスター

    雰囲気:狂気・暴力

    ジャンル:サバイバル

    ジャンル:心理劇

  • お黄泉に行けないお嫁さん arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    死してなお娘を守る母の戦い

    交通事故で霊体となった恵が娘を守ろうと未練に向き合う姿は切なくも力強く、母の愛を貫く姿が心に残ります。また死神役の大迫茂生さんは「こねこフィルム」で知られ、独特の間合いと少しユーモラスな存在感を発揮。恵役の志武明日香さんとは「ロマングルーヴ」で共演歴があり、二人の掛け合いが物語に奥行きを与えています。母の愛と別れを描き、不思議な死神とのやり取りが程よい軽さを添える本作で、ぜひ新鮮な余韻に浸ってみてはいかがでしょうか。

    河本恵
    事故で霊体となりつつも、娘を守ろうと懸命に奮闘する母。
    田所(死神)
    未練を断ち切る期限を告げる、少し奇妙で親しみやすい死神。
    河本悠介
    家庭を支えてきた夫だが、不倫により家族を揺るがす存在に…。
    前田愛莉
    恵の親友でありながら彼女の夫と関係を持ち、家庭を壊す不倫相手。

    雰囲気:温かい

    ジャンル:家族愛

    ジャンル:霊界ドラマ

  • 君を王子にするまであと30日−陰キャぼっちがヘアメイク!?− arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    彼の隣で、僕は本当の自分になる

    見た目だけでなく、心まで少しずつ変わっていく主人公・真琴の姿が丁寧に描かれた青春BLドラマです。最初は振られた悔しさから始まった挑戦が、やがて自分を受け入れる勇気や、誰かを大切に思う気持ちへとつながっていく過程は、とても自然であたたかく共感を誘います。また、ゆうきとのやり取りは時にコミカルで、時に胸が高鳴るような繊細さがあり、短い時間の中で恋と成長の両方を味わえるのも本作品の魅力かもしれません。視線や仕草に込められた想いの描き方も秀逸で、見ているうちに思わず引き込まれるはず。“同性への想いの芽生え”をメイクという具体的モチーフで描くBL青春劇、ぜひ手にとってみて下さい!

    元宮真琴
    地味で内気な大学生。メイクを通じて自分の魅力と自信を発見していく主人公。
    森本ゆうき
    華やかな“一軍”メイク男子。真琴を王子に変える指導役であり、心も揺さぶる存在。

    雰囲気:胸きゅん

    ジャンル:メイク男子

    ジャンル:短編BL

  • BLレッスン −雪之丞さんにはさからえない− arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    演技か本気か…心震えるBLレッスン

    初めて踏み込むBLの世界に戸惑う輝星と、指導する雪之丞の関係性が丁寧に描かれているのが印象的です。視線や間合い、何気ない仕草に込められた感情の揺らぎが演技なのか本心なのか判断を迷わせる作りも秀逸でした。またショートドラマという短尺の制約がありながらも一瞬一瞬の描写が濃密で、物語を追うたびに続きを想像したくなる余韻が残ります。甘さと切なさのバランスも絶妙で、BL初心者でも入りやすく、経験者には細部の演出や間の妙が響くはず!スキマ時間に没入できること間違いなしの作品です!

    永澤輝星
    不慣れなBL演技に戸惑いながらも、徐々に雪之丞に惹かれていく若手俳優。
    櫻井雪之丞
    BLエキスパートの演出家。輝星の心に影響を与える指導者。

    雰囲気:胸きゅん

    ジャンル:恋愛劇

    ジャンル:短編BL

  • あなたのことが死ぬほど嫌いです arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    偽りの愛が崩す家庭の均衡

    信じることは、救いか、それとも罠か。日々の献身が綻びはじめたとき、瑞穂の心に差し込むのは、淡く冷たい違和感。交差する女性たちの視線と、嘘を重ねる夫の素顔。映像は張り詰めた感情の隙間を的確にとらえ、不穏な空気を最後まで引きずります。緻密な構成と狂おしい感情劇が交差する、完成度の高い不倫サスペンスです。

    谷口瑞穂
    誠実で感情に正直な元看護師。夫を深く信じていたが…。
    谷口文也
    誠実を演じる完璧な夫。だがその笑顔の裏には…。

    雰囲気:昼ドラ感

    ジャンル:心理戦

    ジャンル:復讐劇

  • 星屑の約束 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    願いを紡ぐ、最後の季節

    余命1年を告げられた少女と、離れずにそばにいることを選んだ少年。涙よりも、覚悟と優しさが心に響きます。「やりたいことノート」に刻まれる一つひとつの時間が、淡くて、切なくて、眩しい。静かなカットの連なりが、胸の奥をじんわりと満たしていくような感覚…。大切な人と過ごす今を、もう一度見つめなおしたくなる青春純愛ドラマです。

    星花
    明るく前向きな高校生。余命を知りながらも、日々を全力で愛する少女。
    孤独を抱える少年。星花と出会い、誰かを守る強さを知っていく。

    雰囲気:青春純愛

    ジャンル:余命ラブ

    ジャンル:絆の物語

  • 不倫ピエロと禁断の果実。 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    信じた愛に裏切られて…

    愛する夫がまさかの不倫――信じていた人の裏切りが、一夜にして日常を崩していく。証拠の動画、知らぬ女の名前、そして“見てしまった”決定的瞬間。美晴は謎の男と手を組み、復讐へと舵を切る。偽りの笑顔をかぶったピエロ…最後に笑うのは誰か…。欲と愛と制裁が交錯する、禁断のリベンジ劇。

    美晴
    夫の裏切りに静かに火が灯る、復讐を選んだ妻。
    文也
    表では完璧な夫。裏では欲望に溺れる不倫男。
    裕也
    謎の密告者。美晴と共に真実を暴く案内人。

    雰囲気:昼ドラ感

    ジャンル:ざまぁ系

    ジャンル:復讐劇

  • 愛の炎罪〜人気ママタレの裏の顔は不倫モンスターでした。〜 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    偽りの理想妻に、裁きのとき来たる!

    娘のため、数多の理不尽に耐え続けるその姿に思わず胸がつまる。裏切りを許さず、家族を守ろうと立ち上がる姿には、誰もが共感を覚えるはず。迷いと葛藤を乗り越えた先に宿ったのは、揺るがぬ覚悟。ついに、善良な夫の反撃が始まる。胸がスカッとする、不倫モンスターへの逆転劇!

    星野庄司
    耐えに耐えた日々に終止符。ついに逆襲開始!
    星野恵令奈
    炎上御免の元人気ママタレ。不倫三昧で転落一直線。

    雰囲気:昼ドラ感

    ジャンル:ざまぁ系

    ジャンル:復讐劇

  • 動画をプレビュー

    注目のショートドラマ

    連載ショートアニメ

    スタッフおすすめアニメ

  • マリー・アントワネットに転生したので全力でギロチンを回避します arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    王宮をステージに!命を懸けたアイドル戦略!

    フランス王妃に転生した現代オタク女子が、ギロチンという悲劇の運命を回避するために選んだのは、まさかのアイドル育成!?

    民衆の心をつかもうと前向きに突き進む彼女の姿が印象的で、重苦しい史実を背景にしながらも、作品全体からは明るくポップなエネルギーを感じます。
    短い尺の中でもキャラクターの魅力がしっかり伝わり、テンポ良く物語が展開。また転生ものと歴史改変の要素を重ねながら、エンタメとしての面白さをしっかり保っている点も素晴らしい!

    予想を裏切る切り口と、爽快な逆転劇を楽しみたい人におすすめの作品です!

    マリー・アントワネット
    民衆人気で未来を変えたい転生王妃。
    ルイ16世
    妻の奇策に巻き込まれる穏やかな国王。

    雰囲気:逆転劇

    ジャンル:タイムスリップ

    ジャンル:歴史劇

  • 傷心タイムリープ arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    高校最後のクリスマス、運命が揺れる…

    高校最後のクリスマスに告白し、あっけなく振られてしまった若菜美梨。
    失恋の記憶を抱えながら過ごす彼女のもとに訪れたのは、まさかのタイムリープというもう一つの選択肢!?

    過去に戻り、やり直しのチャンスを得た彼女は、和瀬樹の拒絶の理由を探りながら、繰り返される時間のなかで少しずつ「向き合い方」そのものを見つめ直していきます。
    繊細な感情の揺れや、ふとした表情に滲む真実を、短尺ながら丁寧に映し出す演出は秀逸のひとこと!

    青春の痛みを真っすぐに描いた本作は、単なる恋愛ドラマに留まらず、「すれ違い」や「諦め」「願いの強さ」といった心の揺れまでもすくい取った余韻の残る作品です。

    若菜美梨
    振られた記憶を抱え、過去へ向かう高校生。
    和瀬樹
    美梨の想いを拒んだ理由を隠す、寡黙な同級生。

    雰囲気:青春劇

    ジャンル:恋愛

    ジャンル:タイムリープ

  • ファムファタル育成計画 arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    ダイエットで仇討ち!?笑って泣ける青春劇!

    可愛い従妹・月乃を弄んだワルな元カレに制裁を――。ぽっちゃり高校生・祐樹が選んだ“仇討ち”の手段は、まさかの「美女になって惚れさせて、手ひどく振る」こと!?笑ってしまうほど真剣なその決意に、栄養管理のプロ・あさぎや仲間たちも巻き込まれ、汗と涙と友情が交錯する日々が始まる。

    原作・シリーズ構成は『薬屋のひとりごと』の日向夏先生。祐樹の声は『ヒロアカ』緑谷出久役の山下大輝氏。突飛な計画の先に待つのは、ただの“変身”じゃない――。傷ついた大切な人のために本気で動く彼の姿に、いつしか心からエールを送りたくなります!

    阿多川祐樹
    月乃の仇討ちのため、美女を目指し減量中!
    倉橋月乃
    ワルな元カレに傷つけられた祐樹の従妹。
    緋山あさぎ
    栄養管理に長けた先輩。祐樹の強力サポーター。

    雰囲気:ホームドラマ

    ジャンル:コメディ

    ジャンル:学園

  • Jack the Reaper arrow_uigreen

    スタッフのおすすめポイント・キャラ紹介!

    死のループが暴く犯罪の影

    自らの死によって時間を逆行するたび、スタート地点の取調室に戻される主人公・時城獄狼。
    彼は記憶の無い不安を抱えつつ、唯一の味方と思われる女刑事・涙坂小町と共に真相を追います。

    短尺ながら、無駄なく緻密に繰り返される展開は圧巻で、ナイフマンの影の恐ろしさと、主人公二人の会話を通して感じられる互いの人間味が印象に残ります。
    また記憶と謎が絡まり合う展開はサスペンス性抜群!最終的に真実に前進していく姿は、単なるループ物を超えたヒューマンドラマといってもいいかもしれません。

    謎を解くだけでは終わらない、感情の余白と緊張が張りつめた深みと完成度を感じさせる一本として、何度でも繰り返し観たくなる作品です。

    時城獄狼
    失われた記憶と、繰り返す死の謎に立ち向かう男。
    涙坂小町
    相棒を守りつつ、事件の核心に迫る女刑事。

    雰囲気:ミステリ

    ジャンル:ループ

    ジャンル:心理劇

  • 注目のアニメセット作品

    注目のアニメ

    `; return slide; } function disposeCurrentPlayer() { if (!currentPlayer) return; const prdID = currentPlayer._prdID; const poster = currentPlayer.el().closest(".swiper-slide")?.querySelector(".video-poster"); const unmuteBtn = currentPlayer.el().closest(".swiper-slide")?.querySelector(".preview-overlay .unmute-button"); unmuteBtn.innerHTML = "" if (poster) poster.style.opacity = "1"; currentPlayer.dispose(); currentPlayer = null; } const preloadVideoSource = (prdID) => { const link = document.createElement("link"); link.rel = "prefetch"; link.as = "fetch"; link.href = `https://dre-viewer.papy.co.jp/sc/get_sample_url_for_renta_movie.php?prd_ser=${prdID}&playsinline=1`; link.crossOrigin = "anonymous"; document.head.appendChild(link); }; let globalUnmuteState = true; // 最初はミュート function initPlayerForSlide(slide, prdID) { if (!slide || !prdID) return; const overlay = slide.querySelector(".preview-overlay"); let unmuteBtn = overlay.querySelector(".unmute-button"); if (!unmuteBtn) { unmuteBtn = document.createElement("button"); unmuteBtn.className = "unmute-button"; unmuteBtn.innerHTML = ''; unmuteBtn.style.display = "none"; overlay.appendChild(unmuteBtn); } let state = { isMuted: isTouchDevice ? true : globalUnmuteState }; unmuteBtn.innerHTML = state.isMuted ? '' : ''; const posterImg = slide.querySelector(".video-poster"); posterImg.style.opacity = 0; posterImg.style.pointerEvents = "none"; unmuteBtn.style.display = "block"; buttonWasVisible = true; let video = slide.querySelector("video"); if (!video) { video = document.createElement("video"); video.className = "preview-video"; video.setAttribute("video-id", prdID); video.setAttribute("preload", "metadata"); video.setAttribute("playsinline", ""); slide.appendChild(video); } currentPlayer = videojs(video, { preload: "metadata", muted: state.isMuted, controls: false, playsinline: true, }); currentPlayer._prdID = prdID; unmuteBtn.onclick = (e) => { e.preventDefault(); e.stopImmediatePropagation(); e.cancelBubble = true; state.isMuted = !state.isMuted; if (!isTouchDevice) { globalUnmuteState = state.isMuted; } currentPlayer.muted(state.isMuted); unmuteBtn.innerHTML = state.isMuted ? '' : ''; }; currentPlayer.ready(() => { let hasStarted = false; let previousMutedState = null; let buttonWasVisible = false; currentPlayer.on("timeupdate", () => { if (currentPlayer.currentTime() > 0 && !hasStarted) { hasStarted = true; } currentPlayer.el().style.display = "block"; if (previousMutedState !== state.isMuted) { unmuteBtn.innerHTML = state.isMuted ? '' : ''; previousMutedState = state.isMuted; } }); currentPlayer.on("ended", () => { posterImg.style.opacity = 1; unmuteBtn.style.display = "none"; if (isTouchDevice) swiper.slideNext(); }); currentPlayer.src({ type: "application/x-mpegurl", src: `https://dre-viewer.papy.co.jp/sc/get_sample_url_for_renta_movie.php?prd_ser=${prdID}&playsinline=1`, }); }); currentPlayer.play().catch(() => { }); } const previewSwiper = new Swiper(".video-swiper", { slidesPerView: "auto", spaceBetween: 8, direction: "horizontal", loop: true, loopedSlides: previewSources.length, autoplay: false, noSwipingClass: "swiper-no-swiping", threshold: 10, navigation: { nextEl: '.preview-section .swiper-button-next', prevEl: '.preview-section .swiper-button-prev', hideOnClick: true, disabledClass: 'swiper-button-disabled' }, on: { init: () => { if (!isTouchDevice) { document.querySelectorAll(".video-swiper .swiper-slide").forEach(slide => { slide.addEventListener("mouseenter", () => { const prdID = slide.getAttribute("prd-id"); if (currentPlayer && currentPlayer._prdID === prdID) return; disposeCurrentPlayer(); initPlayerForSlide(slide, prdID); }); slide.addEventListener("pointerleave", () => { disposeCurrentPlayer(); }); }); } }, slideChange: (e) => { if (!isTouchDevice || !firstPlayTriggered) return; disposeCurrentPlayer(); const activeSlide = e.slides[e.activeIndex]; const prdID = activeSlide.getAttribute("prd-id"); initPlayerForSlide(activeSlide, prdID); }, }, }); previewSources.forEach(s => preloadVideoSource(s.prdID)); // 初回表示監視 const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && entry.intersectionRatio >= 0.1) { const activeSlide = previewSwiper.slides[previewSwiper.activeIndex]; const prdID = activeSlide.getAttribute("prd-id"); // プレイヤー初期化 if (!firstPlayTriggered) { firstPlayTriggered = true; initPlayerForSlide(activeSlide, prdID); } else if (!currentPlayer) { initPlayerForSlide(activeSlide, prdID); } // remove player when the element is no longer visible } else if (entry.intersectionRatio < 0.5) { disposeCurrentPlayer(); } }); }, { threshold: [0.5] }); observer.observe(document.querySelector(".video-swiper"));