2017-07-13 7 views
-1

Aフレームのビデオおよびビデオスフィアは機能していない/自動再生しています。モバイルブラウザでは自動再生できないことがわかっているため、再生するにはユーザーアクションが必要です。 私はビデオを再生するためにclickイベントを使用しましたが、それは動作していません/ Aフレームコードの再生は以下のとおりです。


Aフレームのビデオおよびビデオスフィアは、モバイルデバイスおよびタブレットデバイスでは機能しません。

+0

あなたは問題について、もう少し明確に、そしてあなたがここに実現したいのかでした。現在のところあなたの質問は絶対に意味がありません –

答えて

1

、あなたの動画が自動的に再生したくない場合はautoplayを削除します。

var myPlayBtn = document.querySelector('#playButton') 
 
myPlayBtn.addEventListener('click', function() { 
 
    document.querySelector('#scen01-video').play() 
 
})
<video width="320" height="240" id="scen01-video" loop="true" src="https://cdn.glitch.com/237f9e5e-9593-4123-a05c-eff4a2b38f99%2FCaliper_logo_video.ogg?1499957478610"></video> 
 
<img width="320" height="240" id="playButton" src="https://cdn.glitch.com/237f9e5e-9593-4123-a05c-eff4a2b38f99%2Fyoutube-button-web-click.png?1499343364878">

+0

誰かがなぜこの作品が不思議に思っているかを詳しく説明します。 'autoplay'属性はOPのコードと同じようにブール値を値としてとらない。代わりに、 'autoplay'属性自体はブール値です。 'autoplay'属性があれば、ビデオは自動的に再生されますが、存在しない場合は表示されません。 OPが持っている問題は、彼らが値としてブール値を取るかのように 'autoplay'を扱っているということです。実際、それは全く価値がありません。 –

+0

デスクトップブラウザで正常に動作しています。しかし、モバイルブラウザでは動作しません。 Aフレームの再生ボタンをクリックした後でさえも –

+0

@BipinChanderボタンをクリックしてもビデオが再生されないのですか? –

関連する問題