如何在 Cordova iOS 应用程序中播放 html 5 视频？
Posted
技术标签:
【中文标题】如何在 Cordova iOS 应用程序中播放 html 5 视频？【英文标题】：How to play an html 5 video in Cordova iOS app? 【发布时间】：2015-12-19 18:43:54 【问题描述】：我想在我的 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 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" >
</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 Simulator 9、iPhone 上的 iOS 9
【问题讨论】：
【参考方案1】：尝试在您的 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，允许一切都不是一个好主意。
【讨论】：
好的，谢谢，但是你可以看到我已经在我的 HTML 页面中使用了这个标签 :) 标签是，但不是媒体源。 ;-))以上是关于如何在 Cordova iOS 应用程序中播放 html 5 视频？的主要内容，如果未能解决你的问题，请参考以下文章
在 iOs 和 Android 的 PhoneGap/Cordova-app 中播放视频
iOS 10 上的 Cordova 媒体插件是不是仍可使用后台播放？
304 在 iOS Cordova 应用上播放 html5 视频时未修改