Aフレームのビデオおよびビデオスフィアは機能していない/自動再生しています。モバイルブラウザでは自動再生できないことがわかっているため、再生するにはユーザーアクションが必要です。 私はビデオを再生するためにclickイベントを使用しましたが、それは動作していません/ Aフレームコードの再生は以下のとおりです。
Aフレームのビデオおよびビデオスフィアは、モバイルデバイスおよびタブレットデバイスでは機能しません。
答えて
、あなたの動画が自動的に再生したくない場合は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">
誰かがなぜこの作品が不思議に思っているかを詳しく説明します。 'autoplay'属性はOPのコードと同じようにブール値を値としてとらない。代わりに、 'autoplay'属性自体はブール値です。 'autoplay'属性があれば、ビデオは自動的に再生されますが、存在しない場合は表示されません。 OPが持っている問題は、彼らが値としてブール値を取るかのように 'autoplay'を扱っているということです。実際、それは全く価値がありません。 –
デスクトップブラウザで正常に動作しています。しかし、モバイルブラウザでは動作しません。 Aフレームの再生ボタンをクリックした後でさえも –
@BipinChanderボタンをクリックしてもビデオが再生されないのですか? –
- 1. viewDidLoad()のaddSubView()およびbringSubViewToFront()は機能しません。
- 2. VB.NET正規表現0-9およびa-zは機能しませんか?
- 3. のOpenMPおよび機能
- 4. PolyML機能およびタイプ
- 5. 機能および方法
- 6. ゴーテンプレートおよび機能
- 7. `this`グローバルコンテキストおよび機能
- 8. WPF ColumnDefinitionsのWidthおよびMaxWidthプロパティが機能しません
- 9. QFileDialogはOSXおよびQt 5.7のタグでは機能しません
- 10. は機能、データフレームおよび列名
- 11. アクションスクリプトNativeProcess、resolvePathおよびswfが機能しません
- 12. Typo3 4.5.5およびTypo3 4.6.8バックエンドログインが機能しません。
- 13. React、offsetTop、offsetLeft、およびgetBoundingClientRect()が機能しません。
- 14. WebUtility.HtmlDecodeおよびHttpUtility.HtmlDecodeが機能しません。
- 15. COMPOSE機能および機能モジュール
- 16. ListAdapterのJSonarrayからArraylistおよびArraylistは機能しません。 (Androidで)
- 17. ストリーミングビデオ、クラウドサーバ、およびビデオj
- 18. マージビットは、aおよびbは、マスク
- 19. JMSSerializerおよびFOSRestBundle - アノテーションが機能しません。 「存在しません」
- 20. C++およびJavaにプログラミング機能がありません
- 21. I、B、およびPフレームのサイズとビデオ品質の関係
- 22. ハスケル - System.Process callCommandおよび他の機能は利用できません
- 23. AngularJSビューで複数のng-disabledパラメータが機能しない - &&(および)および|| (または)
- 24. jQueryのコレクション、機能および組織
- 25. テクニカルおよび機能仕様のテンプレート
- 26. クラウド機能functions.database.instance(およびInstanceBuilder)
- 27. Delphi Prismにシーラス・アクセスおよび機能
- 28. Chrome拡張機能:chrome.runtime.sendMessageおよびXMLHttpRequest();
- 29. AngularJsディレクティブ、値および機能
- 30. ProcessMaker 3.1.3-community:ユニットおよび機能テスト
あなたは問題について、もう少し明確に、そしてあなたがここに実現したいのかでした。現在のところあなたの質問は絶対に意味がありません –