5
私はかなりモバイルアプリを使い慣れているので、PhonegapとjQuery Mobileを使って簡単なビデオプレーヤーをノックしようとしています。問題は、jQueryモバイルが何らかの理由でビデオ再生をブロックしているように見えることです。jQuery MobileとPhonegapでビデオを再生
問題を解決するには、次のHTMLに戻しても同じ結果が得られました。つまり、ビデオが再生されるはずの黒い矩形ですが、ビデオの再生やコントロールはありません。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<script type="text/javascript" src="cordova-2.2.0.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>
<title></title>
</head>
<body>
<div>
<video controls autoplay>
<source src="video/video1.mp4" type="video/mp4" >
</video>
</div>
</body>
</html>
私はjquery.mobile-1.2.0.jsするためのリンクビデオが現れると果たし、そうでない場合は、ちょうど黒の四角形を削除した場合。
jQueryモバイルはまったくわかりませんが、jsで動画要素への参照を検索していないため、何がブロックされているのかわかりません。
コードはChromeとFirefoxで正常に動作します。 Xcodeにコンソールメッセージはありません。私もhttp://debug.phonegap.com/に接続しようとしましたが、エラーメッセージも表示されませんでした。