携帯電話とタブレットでhtml動画の自動再生を行うにはどうすればよいですか？

Question

私は自分のサイトolegefimkin.ruの背景ビデオを持っています。これはページの読み込み時に自動的に再生を開始するはずです。また、PCや一部の携帯電話では機能しますが、一部の携帯電話やタブレット（iPhoneなど）では使用できません。 私はこのhtmlコードを使用しています：

<video autoplay loop muted id="main-video"> 
    <source src="/themes/basic/video/intro.webm" type="video/webm"></source> 
    <source src="/themes/basic/video/intro.mp4" type="video/mp4"></source> 
</video> 

を私も（ジャバスクリプトvideo.playを追加しようとしました）それはまだSafariで動作しません。 携帯端末で動画を自動再生するにはどうすればよいですか？あなたは、次の要件を満たしていない限り

Answer 1

ビデオはSafariのIOSに自動再生しません。

<video> elements will be allowed to autoplay without a user gesture if their source media contains no audio tracks. 
<video muted> elements will also be allowed to autoplay without a user gesture. 
If a <video> element gains an audio track or becomes un-muted without a user gesture, playback will pause. 
<video autoplay> elements will only begin playing when visible on-screen such as when they are scrolled into the viewport, made visible through CSS, and inserted into the DOM. 
<video autoplay> elements will pause if they become non-visible, such as by being scrolled out of the viewport. 

あなたがソースからオーディオを削除するか、それをミュートし、ジェスチャーによって活性化されることが音を有効にするか必要があります。最近のデスクトップブラウザでWebkit policies for video

Answer 2

<video poster="video-sg.jpg" playsinline autoplay muted loop> 
    <source src="caffe.webm" type="video/webm"> 
    <source src="caffe.mp4"" type="video/mp4"> 
    Your Browser May Not Support This 
</video> 

から

、それが自動再生し、それが必要としてループします。しかし、モバイルサファリでは、自動再生や再生もしません。私はそれを得るためにプレイボタンを押すことさえできません。ポスター画像だけが表示されます。

OPの質問をハイジャックしても謝罪しますが、少なくとも同じ質問です！