GOLDを使った動画表示について

Question

こんにちは。
現在、R-Cabinetに動画をアップロードして商品ページに表示させています。
しかしR-Cabinetの容量が一杯になりそうなので、動画データをGOLDに移動させたいと考えています。
試しに、楽天推奨のやり方（R-Cabinetの貼り付け用HTMLソースを商品編集ページの”動画”項目に入力する）の動画URLの部分をGOLDにアップした動画URLに変更してもダメでした。
やはりこのやり方では無理でしょうか？

こちらのフォーラムで他の方の質問への回答を検索すると、もうひとつのやり方として販売説明文などのhtmlに埋め込む方法をご紹介されていましたね。（----以降引用）
このやり方でGOLDにアップロードされた動画を貼りつけることは可能でしょうか？
その場合、何か注意点はありますか？

ちなみに楽天のサポートにも聞いてみましたが、そもそもGOLDはサポート対象外だそうです。
GOLDも楽天が提供しているサービスなのに不思議ですね（苦笑）

----------------------------------------------------------------------
ECマスターズの田中です。

楽天GOLD内に、動画を貼り付けたHTMLファイルをご用意いただき、
タグで各説明文に埋め込んでいただくことで
貼り付けることができます。

最初に、下記内容のHTMLファイルを
楽天GOLD内に保存してください。

===== この下の行から ================


（動画の貼り付け用HTMLソース）


===== この上の行まで ================
※（動画の貼り付け用HTMLソース）は、
　実際のソースをR-Cabinetにてご用意ください。

次に、動画を貼り付けたい部分に、
次にご案内するHTMLタグを貼り付けていただくことで、
動画を掲載することができます。

PC用の項目（ヘッダーコンテンツ・販売説明文など）に
掲載する場合は、下記HTMLタグをご利用ください。

===== この下の行から ================

===== この上の行まで ================
※HTMLファイルのURLは、
　先ほどGOLDに保存したHTMLファイルのURLに
　差し替えてください。
※横幅はwidth、高さはheightの数値を増減させて調整できます。

スマートフォン用ページにも設置はできますが、
楽天RMSの、禁止タグを入力できるバグを利用しますので、
今後、RMSの改修により、使用できなくなる可能性があることを
ご承知おきください。

スマートフォン用ページに設置する場合、
先程のタグを入れていただくのですが、
禁止タグとして扱われており、そのまま入れることはできないので、
タグ名の後ろに「 =""」を入れて、禁止タグチェックを回避してください。

具体的には、下記のようなタグになります。

===== この下の行から ================

===== この上の行まで ================
※HTMLファイルのURLは、
　先ほどGOLDに保存したHTMLファイルのURLに
　差し替えてください。
※横幅はwidth、高さはheightの数値を増減させて調整できます。

楽天GOLDの扱い方がわからないなど、
不明な点がありましたら再度ご返信ください。

Answer

ECマスターズの田中です。

> このやり方でGOLDにアップロードされた動画を貼りつけることは可能でしょうか？

はい、貼り付け用HTMLソースを修正すれば可能です。

R-Cabinetの貼り付け用HTMLソースは使えないので、
通常のホームページと同様に、
videoタグをご利用ください。
http://www.htmq.com/html5/004.shtml

様々な属性がございますが、まずは

上記の形式でご設置の上、表示をご確認いただき、
表示サイズや自動再生などの設定が必要な場合は
別途追記していただければと思います。

Answer

教えていただいたタグをPC用商品説明文に貼りつけてみました。
たしかに動画の枠は表示されましたが（添付画像）、再生することができません。
GOLDへの動画の置き方自体が間違っているのでしょうか？

自分がやったのは、FFFTPでGOLD内に”movie"というフォルダを新たに作成し、そのフォルダへローカルからアップロードしました。
FFFTP上でGOLD内にある対象の動画の名称にカーソルを合わせて右クリック→”URLをクリップボードへコピー”したものを、教えていただいたタグの"動画ファイルのURL"に貼りつけました。
ちなみに動画ファイルの形式はmp4です。

あと動画の表示サイズを調整するタグもご教授いただけると助かります。###HR######IMG0b66d3424deedf76a8347ea49218f28bb.jpegIMG0######BR###

Answer

ECマスターズの田中です。


> FFFTP上でGOLD内にある対象の動画の名称にカーソルを合わせて右クリック→”URLをクリップボードへコピー”したものを、教えていただいたタグの"動画ファイルのURL"に貼りつけました。

この方法ですと、
FFFTP独自で判断したURLになり、
ページで表示するためのURLとは異なるURLになってしまいます。

楽天GOLDの一番上のフォルダが
https://www.rakuten.ne.jp/gold/ショップURL/
というURLになりますので、
たとえば、GOLDに「movie」フォルダを作成して「item.mp4」をアップロードした場合は
https://www.rakuten.ne.jp/gold/ショップURL/movie/item.mp4
というURLになります。

まずは、正しいURLを作成の上、
ブラウザに貼り付けて、問題なく閲覧できるかどうか
ご確認いただきますようお願いします。


> あと動画の表示サイズを調整するタグもご教授いただけると助かります。

videoタグのwidth属性、height属性にて、半角数字でご指定ください。

Answer

ありがとうございます！
PC画面に表示させることができました。
スマホではvideoが禁止タグのようですが、どのようなタグでエラーを回避できますか？

あと動画ではなくて画像の場合は、普通に画像URLの部分にGOLDのURLを差し替えれば大丈夫ですか？

Answer

ECマスターズの田中です。

> スマホではvideoが禁止タグのようですが、どのようなタグでエラーを回避できますか？

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

開始タグ・終了タグのタグ名に対して、下記のように
「 =""」（半角スペースを含む）を追記してください。

Answer

たびたびすみません^^;

教えていただいた通りにやってみたところ、PC上のChromeでスマホ表示にするとちゃんと再生できるのですが、スマホ実機（iPhone7）で試すと再生されません。
ブラウザ、アプリ両者ともです。
何か解決策はありますでしょうか？

画像の方はうまくいきました。
ありがとうございます！

Answer

ECマスターズの田中です。

> 教えていただいた通りにやってみたところ、PC上のChromeでスマホ表示にするとちゃんと再生できるのですが、スマホ実機（iPhone7）で試すと再生されません。

私のiPhone8にて、動画のURLを直接閲覧しようとした所
再生できませんでしたので、
動画が、iOS上での再生に対応していない形式でエンコードされているようです。

動画ファイルに対して

Handbrake
https://ja.osdn.net/projects/handbrake-jp/

などのソフトを利用して、iOS上で再生できる形式にて
再度エンコードを行っていただきますようお願いします。

Answer

お世話になっております。
当方もｐｃ画面で動画再生を試みており、手順通り行いましたが、
写真のように、再生画面がでて　クルクル　とデータを読みこみする仕草のあと、
真っ白に消えてしまいます。

ブラウザでhtml単体で再生した場合は正常に再生されますが、
上記のように、rmsに組み込むと、そうなります。

他の商品コンテンツ（画像等）との相性の問題でしょうか？###HR######IMG0727a50a1bdd79cffff21fa3573fb4a49.jpegIMG0######BR###

Answer

大坂みなみさん

ECマスターズの小野です。

いただいたご質問ですが、
システム担当より週明けに回答させていただきます。
少々お待ちくださいませ。

Answer

ECマスターズの伊藤です。

大阪みなみさん

> 当方もｐｃ画面で動画再生を試みており、手順通り行いましたが、
> 写真のように、再生画面がでて　クルクル　とデータを読みこみする仕草のあと、
> 真っ白に消えてしまいます。

現在、会員専用Chrome拡張機能の影響により
一部サービスで、動画などの表示に影響が出ております。
お手数ですが、拡張機能をオフにした状態で
動画が表示されるか、ご確認いただけますでしょうか。

Chrome拡張機能のオン・オフの切り替え方法 
https://club.ec-masters.net/index.php?chrome-extensions-on


拡張機能をオフにした状態で
動画が表示されない場合、実際のページを
拝見させていただきたいので、お手数ですが
動画を掲載した商品の、商品管理番号を
ご連絡いただけますでしょうか。