react-native-webview嵌入Youtube视频不可用

时间:2019-04-24 10:50:59

标签: javascript react-native react-native-webview

我正在尝试将视频添加到RN 0.59.3应用程序中。我选择使用Youtube嵌入视频链接。

为了实现我的目标,我使用react-native-webview库。这是我的组件。

import React, { Component } from 'react';
import { View } from 'react-native';
import { WebView } from 'react-native-webview';
import PropTypes from 'prop-types';
import * as dimens from '../../../res/dimens';

class VideoPlayerComponent extends Component {
    render() {
        const { url } = this.props;
        return (
            <WebView
                style={{ width: 180, height: 180 }}
                javaScriptEnabled={true}
                domStorageEnabled={true}
                origin="http://www.youtube.com"
                source={{ uri: 'https://www.youtube.com/embed/RMWBriHwVrI' }}
            />
        );
    }
}

问题是,每当我尝试从应用程序播放视频时,就会在YouTube上显示错误屏幕,并显示以下消息:“视频不可用”。

我现在在iOS设备上测试此组件。

也许这是我的错误,但我无法弄清楚自己做错了什么。非常感谢您的帮助,谢谢:)

0 个答案:

没有答案