Question

我正在尝试在我的本机应用中嵌入youtube视频，它工作正常，但我无法获得这些视频的全屏按钮/功能。这是我的代码

var label Ti.UI.createLabel({
        text : ("Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut").toString(),
        color : "white",
        font : {
            fontSize : "20%,
            fontFamily : "OpenSans-Light"
        },
        left : "0%",
    }));

我甚至尝试将<WebView source={{uri: "https://www.youtube.com/embed/VaC9CivyV7I?version=3&enablejsapi=1&rel=0&autoplay=1&showinfo=0&controls=1&modestbranding=0"}} style={{height:240, width:width, justifyContent:'center', alignItems:'center', backgroundColor:'black'}} />用作iframe的html，但我没有取得任何成功。不知道怎么做，所以请帮忙，

修改

经过一些搜索，我遇到了这个文档for Full screen support，并且知道我需要在onHideCustomView上实现 onShowCustomView 和 webView.setWebChromeClient 中的，我在我的应用程序的node_modules文件夹中挖掘了一点，找到 ReactWebViewManager.java 位置“../ node_modules / react-native / ReactAndroid / src / main / java / com / facebook / react / views / webview / ReactWebViewManager.java”，似乎可能需要添加一些自定义代码webView.setWebChromeClient，但由于我在原生编程方面不是很好，因此无法进一步了解

Answer 1

WebView组件接受allowsFullscreenVideo道具。当此道具为true时，全屏图标将变为活动状态。

请参见https://github.com/react-native-community/react-native-webview/blob/master/docs/Reference.md#allowsfullscreenvideo。

Answer 2

我什至尝试将iframe用作带有allowfullscren =“ true”的html，但没有成功。

您必须将视频嵌入具有属性的iframe中。

allowfullscreen="allowfullscreen"

为iFrame提供上述属性，供您参考allowfullscreen="true" 是错误的输入。

react-native webview嵌入youtube视频在android中没有全屏选项

2 个答案: