使用jQuery Mobile和Phonegap進行視頻回放

我對移動應用程序相當陌生，所以我試圖用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/，但是這也沒有給出任何錯誤消息。

任何想法??

來源

2012-12-13 aritchie

發生這種情況是因爲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-22 12:43:12

使用jQuery Mobile和Phonegap進行視頻回放

回答

相關問題