楽天PC商品説明文に埋め込んだ複数動画（iframeで挿入）の自動再生を止めたい

Question

お世話になります。

過去ログで下記の質問があったのですが、続きを知りたいです。
「JavaScriptによる操作でストップ」
をどうやればいいか教えて頂けますでしょうか？

--------------------------------------------------------
いつもお世話になっております。
楽天動画の質問です。
宜しくお願い致します。

RMSの動画埋め込み機能を使って下記コードを生成できましたが、ページに貼り付けますと、PCページにおきましては、ロードと同時に再生されてしまいます。
これを再生せず、最初はストップさせておくことはできますでしょうか。
スマホページでは、最初は一時停止しており問題ありません。

もしパラメータが存在しておりましたらご教授いただけると助かります。



どうぞ宜しくお願い致します。

ECマスターズの田中です。

> RMSの動画埋め込み機能を使って下記コードを生成できましたが、ページに貼り付けますと、PCページにおきましては、ロードと同時に再生されてしまいます。
> これを再生せず、最初はストップさせておくことはできますでしょうか。

残念ながら、パラメータなどは存在しないため、
商品動画として設置された動画を最初にストップさせておくことはできません。

販売説明文などに、iframeを利用して設置されている動画につきましては、
JavaScriptによる操作でストップできる可能性がございます。
-----------------------------------------------------------------------------------

Answer

ECマスターズの田中です。

> 「JavaScriptによる操作でストップ」
> をどうやればいいか教えて頂けますでしょうか？

GOLD内に保存された動画表示用HTMLファイルの
〜タグの中に、
下記HTMLソースをご記載の上、
動作をご確認いただきますようお願いします。

= この下の行から ====================


$(window).on('load',function(){ $('video').get(0).pause(); });

= この上の行まで ====================

Answer

田中様
ご回答ありがとうございます。

>GOLD内に保存された動画表示用HTMLファイルの
〜タグの中に、

→〜タグはありません。
フォーラムの他の質問回答を見て、
下記動画表示用HTMLファイルをGOLDにアップしています。







その後、上記HTMLファイルのURLをiframeに入れて

をRMSのPC説明文に貼って動画を表示させています。

上記の場合に動画自動再生を止めるにはどうしたらよいかを教えて頂けますでしょうか。
よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

＞→～タグはありません。
確認させていただいたところ、headタグの記述がございませんでした。
お手数ですが、と

Answer

ありがとうございます。

修正後の通りにやりましたが、変わりません。ページ更新する度に勝手に再生してしまいます。

これでHTMLファイルにしてGOLDに上げて





$(window).on('load',function(){ $('video').get(0).pause(); });







その後、上記HTMLファイルのURLをiframeに入れて



をRMSのPC説明文に貼って動画を表示させています。

どうしたらできますでしょうか…？

Answer

ECマスターズの伊藤です。

動画が再生されてしまう件ですが、一度、弊社の環境にて確認をさせていただきたいと思いますので、お手数ですが、アップロードしているファイル一式（HTMLファイル、動画ファイル、あればJSファイル等）を、club@ec-masters.net 宛にご連絡頂けますでしょうか。

お手数おかけいたしますがよろしくお願いいたします。

Answer

伊藤様
お世話になります。
今データお送り致しました。
ご確認をよろしくお願いいたします。

Answer

ECマスターズの伊藤です。

データのご連絡ありがとうございました。
頂いたデータにて確認させていただいておりますが、弊社の方でも一部条件で再生されております。
原因を確認中ですので、申し訳ございませんが、今しばらくお待ち下さいますようお願いいたします。

Answer

ECマスターズの伊藤です。

動画が再生されてしまう件ですが、一度、内を
＝＝＝＝＝

  
  
  $(function(){
  $(window).on('load',function(){ $('video').get(0).pause(); });
  });
  

＝＝＝＝＝
に修正していただき、再生されてしまうかどうかをご確認頂けますでしょうか。

お忙しいところお手数おかけいたしますが、どうぞよろしくお願いいたします。

Answer

伊藤様

ありがとうございます。
上記でやってみたところ、止まったり止まらなかったりです。
６～７割は止まる感じですが、ページ更新をかける度に、毎回ランダムで２～３個の動画が自動再生されてしまいます。
完全に止めるのは難しいのでしょうか…？

Answer

追記です。
上記はクロームの場合です。

IEで見たところ、８割方止まりません。
難しいですね。。

Answer

ECマスターズの伊藤です。

お忙しい中、ご確認いただきましてありがとうございました。
度々の修正で申し訳ございませんが、〜を以下のとおり修正いただき、ご確認頂けますでしょうか。

＝＝＝＝＝＝＝

  
  
  $(function(){
    $('video').each(function(){ this.pause(); });
  });
  

＝＝＝＝＝＝＝

お手数おかけいたしますが、どうぞよろしくお願いいたします。

Answer

伊藤様

ありがとうございます、
止まりました！

これでしばらく様子を見てみますね。
また何かあればご連絡いたします！
いったん解決にします。

Answer

ECマスターズの伊藤です。

無事ご解決されたようでよかったです。
１点、修正いただきたい箇所がございます。


こちらが、外部リンクとなり、楽天での禁止事項に当たる可能性があるため

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

にアクセスしていただき、ブラウザの上部メニューより「ファイル」→「保存（もしくは別名で保存）」で、保存。
楽天にアップローしていただき、



に変更をお願いできますでしょうか。

お手数おかけいたしますが、どうぞよろしくお願いいたします。

Answer

伊藤様

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
にアクセスしていただき、ブラウザの上部メニューより「ファイル」→「保存（もしくは別名で保存）」で、保存。

このやり方が分かりません。
ファイルに保存するようなボタンがありません。。
中身をコピーしてメモ帳に貼り付けでもよいでしょうか？
それでOK場合、拡張子は何で保存すればよいですか？

Answer

ECマスターズの伊藤です。

説明不足でお手数おかけしてしまい、申し訳ありません。

>中身をコピーしてメモ帳に貼り付けでもよいでしょうか？
こちらの手順で問題ございません。

＞それでOK場合、拡張子は何で保存すればよいですか？
拡張子は.jsで保存していただきますようお願いいたします。

また、HTML内に埋め込んでて頂いております

の箇所の箇所を、

と修正をいただきますよう、お願いいたします。

Answer

伊藤様

お世話になります。

--------------------------
また、HTML内に埋め込んでて頂いております

の箇所
-------------------------
ですが、該当ありません。

現在は、ご指導頂いた下記内容で





$(function(){
$('video').each(function(){ this.pause(); });
});



「RMS内の動画スクリプトコード」



でHTMLを作成してGOLDに上げています。

どこを修正したら良いか、もう一度教えて頂けますでしょうか。

Answer

伊藤様

すみません、今理解できました。
これでGOLDにアップしてみますね。

Answer

ECマスターズの伊藤です。

説明不足で度々ご迷惑をおかけしてしまい申し訳ありません。
ご解決済みとのことで、ご連絡ありがとうございました。

その他、ご不明な点などがございましたら、お気軽にご質問ください。