在NativeScript iOS中的嵌入式YouTube視頻在Html/WebView iOS

Question

我想在Nativescript iOS中的Html/WebView中實現嵌入式YouTube視頻。我能夠在android上完成它，因爲我沒有足夠的本機iOS體驗，所以我在這裏發佈這個問題。 我發現了一些鏈接，但它們處理ObjC和Swift中的本機iOS。

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

有人可以指導我完成這件事？

更新：這裏是Android和iOS，我通過使用web視圖（安卓）的SRC獲取和HtmlView（IOS）的HTML的截圖 -

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。