• 文字サイズ


解決済

楽天GOLD - safari及びMac・iPhone・iPadだとmp4動画が再生されない

  • 相談者:非公開
  • 2021/07/19 17:04
楽天GOLDにてmp4動画を追加したく諸々試しているのですが、
ブラウザはsafari、またはデバイスがMac・iPad・iPhoneの場合、再生されない現象が起こっています。
様々なサイトで調査して試しましたが、解決されず困っています。

R-Cabinetの動画管理にて登録する方法でも活用できると思いますが、
・サイズ幅に制限がある(最大横幅640pxに自動調節される)
・R-Cabinetで登録すると解像度が劣化する
上記の理由から、R-Cabinetは使いたくないので、
なるべくFTPサーバーでアップしたものを使用したいと考えています。

■入力中のタグ(poster、srcの画像パスはサンプルです)
<video poster=“poster.jpg" autoplay muted playsinline controls>
<source src=“video.mp4" type="video/mp4">
</video>

■mp4動画の形式
・コーデック:AAC、H.264、プログレッシブ方式
・容量:16.5MB
・再生時間:13秒
・サイズ:1920×1080
・音声:あり

■ブラウザ・デバイスの現状
・Chrome、FireFox
 PC:再生可
 スマホ:Android→再生可、iPhone→再生不可
 iPad:再生不可
 ※Chromeのデベロッパーツールで確認すると再生できている
・safari:いずれのデバイスでも再生不可

■試したこと
・「autoplay muted playsinline」を入れる
・iOSで「低電力モード」にしていると再生されないとのことだったが、
 当方のiPhoneにて確認しましたが、この設定はしていませんでした(なのに再生されない)

特にiOSはシェア率が高いので解決したいと思っています。
上記につきまして、ご教示のほどお願いいたします。
投稿内容について報告する
今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!

  • 返信者:非公開
  • 2021/07/19 17:31
ECマスターズの伊藤です。

> R-Cabinetの動画管理にて登録する方法でも活用できると思いますが、
> ・サイズ幅に制限がある(最大横幅640px………(省略)………
  • 返信者:非公開(質問者)
  • 2021/07/20 09:26
>残念ながら、楽天GOLDが
https://qiita.com/gecko655/items/110373a6c88177d23126
>で紹介されてい………(省略)………
  • 返信者:非公開
  • 2021/07/20 11:53
ECマスターズの田中です。

> 上記ですが、あくまで「safari」で対応していないということでしょうか?
> macOS/iOSでも、他のブラウザだっ………(省略)………
  • 返信者:非公開(質問者)
  • 2021/07/20 12:39
>私にて、Safariおよびシェアの大きいChrome/Firefoxの動作を確認したところ、
>macOS上では、Safariのみ見ることができず(Chro………(省略)………
  • 返信者:非公開
  • 2021/07/20 20:15
ECマスターズの伊藤です。

> 弊社でも上記同様の表示結果でした。
> iOS上でも、Chrome・Firefoxだったらvedioタグで表示できる方法………(省略)………
  • 返信者:非公開
  • 2021/07/20 20:22
こんばんは、shinoshinoです。

この再生されないというのは、タップで再生又は自動再生のどちらになりますか?………(省略)………
  • 返信者:非公開(質問者)
  • 2021/07/21 10:37
ECマスターズ伊藤様
>残念ながら、現在のところ、Videoタグをご利用できる方法は見つかっておりません。
>もし、該当する店舗さんがございましたら、調査さ………(省略)………
  • 返信者:非公開
  • 2021/07/21 11:25
ECマスターズの伊藤です。

> 該当する店舗様のURLは、どちらにお送りした方がよろしいでしょうか?
> こちらだと全体公開になってしまうので、お問い合………(省略)………
  • 返信者:非公開
  • 2021/07/21 11:58
こんにちは、shinoshinoです。


以前、フォックスコンに勤めていたエンジニアの友達から聞いた話ですが、


最近のスマホの場合、Safar………(省略)………
  • 返信者:非公開
  • 2021/07/21 13:47
ECマスターズの伊藤です。

参考店舗さんのご連絡ありがとうございました。

確認したところ、Cabinetを使用した方法となっておりました。

………(省略)………
  • 返信者:非公開(質問者)
  • 2021/07/21 14:21
※回答を送信しましたが、反映されていなかったようなので再度お送ります。
※内容が重複しておりましら申し訳ございません。

ECマスターズ伊藤様

>こ………(省略)………