在 NativeScript iOS Html/WebView 中嵌入 YouTube 视频

Question

我正在尝试在 Html/WebView 中使用 Nativescript iOS 实现嵌入式 YouTube 视频。我能够在 android 上完成它，因为我没有足够的原生 iOS 经验，所以我将问题发布在这里。我找到了一些链接，但它们处理 ObjC 中的原生 iOS 和 Swift.

How to embed YouTube video on iOs and play it directly on UIWebview without full screen

有人可以指导我完成这项工作吗？

更新：这是我在 WebView 的 src (Android) 和 HtmlView 的 html (iOS) -

Android

iOS

Answer 1

为此，您可以使用 NativScript WebView 并绑定其 src 属性。例如：

主要-page.xml

<Page xmlns="http://schemas.nativescript.org/tns.xsd" loaded="pageLoaded">     
    <GridLayout>
        <WebView src="{{ htmlString }}" height="250" />
    </GridLayout>

</Page>

主要-page.js

var observable = require("data/observable");

// Our new Observable view model for data binding
var viewmodel = new observable.Observable({});

// Page loaded      
function pageLoaded(args) {
    var page = args.object;

    viewmodel.set("htmlString", '<iframe width="560" height="315" src="https://www.youtube.com/embed/t1x8DMfbYN4" frameborder="0" allowfullscreen></iframe>');

    page.bindingContext = viewmodel;
}
exports.pageLoaded = pageLoaded;

您还可以查看 this article。

在 NativeScript iOS Html/WebView 中嵌入 YouTube 视频

Embedded YouTube videos in Html/WebView in NativeScript iOS

nativescript