我想在iOS上的CORDOVA应用中的html5页面中播放一段mp4视频。
可以播放本地mp4但我可以播放存储在远程服务器上的视频。我不知道为什么。
=＆GT;是否有任何配置选项或元素可添加到我的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>
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时要小心，不允许所有内容。