する質問をすることでしか得られない、回答やアドバイスがある。69前提・実現したいこと前提:画像をクリックすると埋め込まれた動画に切り替わるサイトを作成しました。実現したいこと:動画を再生中に他の画像をクリックすると、iframeで埋め込まれた動画を停止して画像にもどすこと。試したことiframeをdisplay:noneにしてJavaScriptによって非表示にすることはできましたが、画像の後ろで動画が再生されたままになってしまいます。皆様にはクリックにて画像⇄動画を切り替えると同時に再生中の動画を停止する方法をお教えいただけたらと存じます。catus)の通称である。</script></body></html>attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+1<iframe>をDOMツリーから削除すると、iframe内のオブジェクトもすべて削除される(ブラウザのウィンドウをcloseするのと同じ)ので動画も停止するのではないでしょうか。削除してから作り直す、という処理でうまく動くと思います。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。14:06コメント有難うございます。削除してから作り直す(画像⇔動画の切替との連携)は具体的にどのようなコードになりますでしょうか?試しに下記コードを記述しましたがうまくいっておりません。お教えいただければ幸いです。"none";document.body.removeChild(x);document.body.createElement('iframe')}コメント有難うございます。試しに下記コードを記述しましたがうまくいっておりません。お教えいただければ幸いです。21:19<iframe>の削除と再作成のサンプルコードを追記しました。これをベースにして、もう少し汎用的に(目的のiframeのidを動的に変化させられるように)修正すればよいと思います。<iframe>の削除と再作成のサンプルコードを追記しました。これをベースにして、もう少し汎用的に(目的のiframeのidを動的に変化させられるように)修正すればよいと思います。23:45ありがとうございます。無事に動画を止めて切り替えることができました。関数の汎用化、難しそうですがとりあえずトライしてみます!ありがとうございます。無事に動画を止めて切り替えることができました。要素のリンク先を削除することが可能と思われます。API」を使えば、さらに融通の利いた機能を実装できそうです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。22:31回答ありがとうございます。nullを設定した場合、停止ではなく「指定したファイルまたはディレクトリは見つかりませんでした」という結果になるようです。APIについて調べてみます。回答ありがとうございます。nullを設定した場合、停止ではなく「指定したファイルまたはディレクトリは見つかりませんでした」という結果になるようです。APIについて調べてみます。編集クロスドメインなURIをiframe要素で埋め込んでいる為、動画再生自体を直接止めることはできません。