Question

我目前正在开发一款Ionic 4新闻应用。我最近想出了如何在Twitter卡中正确嵌入推文，但这带来了另一个问题。每当推文附有Youtube视频时，视频在每个平台上都能正常播放。如果推文附有Twitter视频，那么当我在Chrome中投放应用时，视频播放效果会很好。但是，当我在我的Android手机上运行应用程序并按Twitter视频上的播放时，我收到以下错误：

拒绝展示＆＃39; https://twitter.com/i/videos/tweet/ ......＆＃39;因为祖先违反了以下内容安全策略指令：＆＃34; frame-ancestors *＆＃34;。

我的config.xml已包含以下行：

<access allows-arbitrary-loads-for-media="true" allows-arbitrary-loads-in-web-content="true" allows-local-networking="true" origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<allow-intent href="*" />
<allow-navigation href="*" />
<allow-navigation href="file://*/*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />
<allow-navigation href="android-webview-video-poster:*" />

我已经研究了在Twitter视频调用中添加HTTP标头的不同方法，但我无法让它工作。现在我想知道我是否正在以正确的方式看待它。

是否有可能在Ionic应用中播放嵌入式Twitter视频？如果是这样，那么使它运作的正确方法是什么？

编辑：我仍然无法解决此问题，但我不小心发现了一种解决方法：为了展示广告横幅，我必须托管应用的www文件夹在外部域名上。这基本上将整个事物转换为Web应用程序，Twitter视频实际上可以在其上运行。

Answer 1

我遇到了同样的问题。修复了我在我的config.xml中将<access origin="https://twitter.com" />添加到android平台标记的bij。

现在看起来像这样：

 <platform name="android">
    <allow-navigation href="*" />
    <access origin="https://twitter.com" />
    <allow-intent href="market:*" />
    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
    <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
    <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
    <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
    <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
    <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
    <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
    <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
    <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
    <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
    <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
    <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
    <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
    <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
    <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
    <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
</platform>

离子4＆＃34;框架 - 祖先*＆＃34;尝试播放Twitter视频时出错

1 个答案: