为了排除故障,我将其剥离回到以下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/,但这也没有给出任何错误消息.
有任何想法吗??
解决方法 发生这种情况是因为ios会阻止内联媒体播放.对于ios您应该在config.xml中添加以下内容
<preference name="AllowInlinemediaplayback" value="true"/>
让你的代码工作.
您可能需要将webkit-playsinline添加到视频标记中
更多看看Config.xml cordova doc
您可能需要设置其他属性,如
mediaplaybackRequiresUserAction(boolean) or mediaplaybackRequiresUserAction(boolean)
在Config.xml cordova doc获取有关它们的完整详细信息
总结以上是内存溢出为你收集整理的cordova – 使用jQuery Mobile和Phonegap播放视频全部内容,希望文章能够帮你解决cordova – 使用jQuery Mobile和Phonegap播放视频所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)