■実現したいこと
・ Mobile環境での自動再生(chrome,safari,firefoxなどの各ブラウザで)
・mute状態にせずに自動再生したい
■現状
・PCでの動画自動再生はできる(ページを読み込んだ時に、自動で再生される)
・Mobile環境では、jsのsetTimeout(1秒後)で、再生ボタンクリックイベントを強制的に発生させるように実装している。
・iOSとアンドロイドにおいて、ページを読み込んだ時に音量がmuteになっているときは自動再生される。一方で音量がONになっている状態では自動再生されない。
■コード
↓PC、Mobileの両方でこのHelperを読み込んでいる。
ruby
1#app/helper/video_helper.rb 2module VideoHelper 3 def render_video_tag(src: '', **options) 4 options = { type: 'video/mp4', controls: true, autoplay: true, controlsList: 'nodownload', playsinline: true }.merge options 5 render partial: 'partials/video_tag', locals: { src: src, options: options } 6 end 7end
haml
1// app/views/partials/_video_tag.html.haml 2%video 3 %source{src: src, type: options[:type]} 4 … 5 6 :javascript 7 … 8
■問題点
・モバイルで自動再生が実現できない。
■特記事項
・youtube、dailymotionなどでは、Mobile環境でもページの読み込み時に自動再生が有効になっている。
・Chromeのポリシーによると、何らかのユーザーインタラクションと取れるような行動があった場合に自動再生が許可されるようである。
不足している項目などあればおっしゃってください。
ご教示よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/05/07 08:43