5

私はモバイルアプリにかなり慣れていないので、PhonegapとjQueryMobileを使用して単純なビデオプレーヤーをノックアップしようとしています。問題は、jQuerymobileが何らかの理由でビデオの再生をブロックしているように見えることです。

トラブルシューティングのために、次の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 mobileについてはまったく知りませんが、jsでビデオ要素への参照を検索しても表示されないため、何がブロックしているのかわかりません。

コードはChromeとFirefoxで正常に機能します。Xcodeにはコンソールメッセージはありません。また、http： //debug.phonegap.com/に接続してみましたが、エラーメッセージも表示されませんでした。

何か案は？？

4

1 に答える 1

0

これは、ios がインライン メディア再生をブロックするために発生します。iOSの場合、config.xmlに次を追加する必要があります

 <preference name="AllowInlineMediaPlayback" value="true"/>

コードを機能させるために。詳細については、webkit-playsinline をビデオ タグに追加する必要がある場合があります。Config.xml cordova docを参照してください。

次のような他の属性を設定する必要がある場合があります

MediaPlaybackRequiresUserAction(boolean) or MediaPlaybackRequiresUserAction(boolean)

詳細については、Config.xml cordova docを参照してください。

于 2016-04-22T12:43:12.520 に答える