我想在iOS上的CORDOVA应用中的html5页面中播放一段mp4视频。
可以播放本地mp4但我可以播放存储在远程服务器上的视频。我不知道为什么。
=>是否有任何配置选项或元素可添加到我的html页面,以便在CORDOVA iOS应用程序中播放远程视频?请在此处查看我的代码:
cordova中的HTML页面:
<!doctype html><html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
<script src="cordova.js"></script>
</head>
<body>
<h1>TEST APP</h1>
<video width="320" height="240" controls webkit-playsinline>
<source src="http://video.tsara-autisme.com/test/010101_360p.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<img src="http://video.tsara-autisme.com/test/test.jpg" alt="test">
</body>
</html>
&#13;
Config.xml文件:
...
<access origin="*"/>
<allow-navigation href="https://api.tsara-autisme.com/*"/>
<allow-navigation href="http://video.tsara-autisme.com/*"/>
<allow-intent href="http://*/*"/>
<allow-intent href="https://*/*"/>
<preference name="Fullscreen" value="true" />
<preference name="AllowInlineMediaPlayback" value="true"/>
...
感谢您的帮助。 配置:Cordova 5.1.1,Xcode 7.2,iOS模拟器9,iphone上的iOS 9
答案 0 :(得分:2)
尝试在Content-Security-Policy中添加媒体源:
<meta http-equiv="Content-Security-Policy" content="default-src *; media-src *;style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
您可以在http://content-security-policy.com
找到更多关于Content-Security-Policy的信息使用Content-Security-Policy时要小心,不允许所有内容。