我正在尝试在我的iOS应用程序上显示嵌入式视频。安卓应用程序和浏览器(chrome和safari和手机)工作正常。只有 iOS 应用程序不起作用。
这不是安全性或权限。我竭尽全力检查这些。好吧，至少我不认为是那些。
我收到一条错误消息，指出"错误：无法匹配任何路由。URL 段："嵌入/iframe/..."错误从那里继续。我会把它贴在下面，哈哈。首先，我将向您展示我的代码...
.HTML：
<iframe allowfullscreen *ngIf="sermon?.id === '1'" src="//fast.wistia.net/embed/iframe/nj4y9f0b7f?playerColor=3EC9A0&autoPlay=true&fullscreenButton=true&playButton=false&playsinline=false&preload=metadata&videoFoam=true&wmode=true&smallPlayButton=true"></iframe>
<iframe allowfullscreen *ngIf="sermon?.id === '2'" src="//fast.wistia.net/embed/iframe/xy2azhgzti?playerColor=3EC9A0&autoPlay=true&fullscreenButton=true&playButton=false&playsinline=false&preload=metadata&videoFoam=true&wmode=true&smallPlayButton=true"></iframe>
<iframe allowfullscreen *ngIf="sermon?.id === '3'" src="//fast.wistia.net/embed/iframe/svwxe6z9a1?playerColor=3EC9A0&autoPlay=true&fullscreenButton=true&playButton=false&playsinline=false&preload=metadata&videoFoam=true&wmode=true&smallPlayButton=true"></iframe>
<iframe allowfullscreen *ngIf="sermon?.id === '4'" src="//fast.wistia.net/embed/iframe/pbytxhvcpa?playerColor=3EC9A0&autoPlay=true&fullscreenButton=true&playButton=false&playsinline=false&preload=metadata&videoFoam=true&wmode=true&smallPlayButton=true"></iframe>
.ts 文件：
ionViewWillEnter() {
this.dataProvider.load().subscribe((data: any) => {
const sermonId = this.route.snapshot.paramMap.get('sermonId');
if (data && data.sermons) {
for (const sermon of data.sermons) {
if (sermon && sermon.id === sermonId) {
this.sermon = sermon;
break;
}
}
}
});
}
错误：
Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'embed/iframe/nj4y9f0b7f' noMatchError@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:457759 ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:457498 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:431408 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 notifyError@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:510456 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:61140 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 _error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66184 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65982 error@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:431456 _complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:430529 complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66047 _complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66244 complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66047 _complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66244 complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66047 _complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:60590 complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66047 _complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66244 complete@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:66047 ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:523900 _trySubscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234913 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234724 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 _innerSub@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:60450 _tryNext@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:60352 _next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:60190 next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65923 ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:523883 _trySubscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234913 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234724 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 subscribe@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:234593 _innerSub@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:414962 _next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:414799 next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65923 notifyNext@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:415333 _next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:61053 next@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:65923 ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:330519 onInvoke@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:138867 run@ionic://fast.wistia.net/polyfills-es2015.dcbba0ed470a2bbfece2.js:1:1910 ionic://fast.wistia.net/polyfills-es2015.dcbba0ed470a2bbfece2.js:1:12683 onInvokeTask@ionic://fast.wistia.net/main-es2015.a003b1c06f6bc66c5881.js:1:138789 runTask@ionic://fast.wistia.net/polyfills-es2015.dcbba0ed470a2bbfece2.js:1:2529 _@ionic://fast.wistia.net/polyfills-es2015.dcbba0ed470a2bbfece2.js:1:8965 promiseReactionJob@[native code]
据我所知，这些是唯一可能影响它的代码片段......但我可能是错的。
感谢您抽出宝贵时间，感谢您查看！让我知道您是否需要更多信息。
非常简单的解决方案，哈哈。只需要将"https："添加到我的嵌入式 URL 链接中，如下所示：
<iframe allowfullscreen *ngIf="sermon?.id === '1'" src="https://fast.wistia.net/embed/iframe/nj4y9f0b7f?playerColor=3EC9A0&autoPlay=true&fullscreenButton=true&playButton=false&playsinline=false&preload=metadata&videoFoam=true&wmode=true&smallPlayButton=true"></iframe>
感谢所有花时间查看此内容的人！希望这对将来的某人有所帮助！