1

我在 react native 中使用 webview 来显示 html 内容。有时 html 包含可以渲染视频的 iframe。但默认情况下，当我在视频中触摸全屏选项时

在此处输入图像描述

下面是我的 HTML 示例，其中包含视频

<!DOCTYPE html>
<html lang="en">

<head>
    <style>
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    </style>
</head>

<body>
    <div class="video-container">
        <iframe allowfullscreen="" border="0" class="ud_content_iframe_custom" frameborder="0" id="ud_content_iframe" scrolling="no" src="https://vdo.matichon.co.th/videos/public/iframe/d4d7f619a787a8c29e8f3c44324ffb1b/adaptive_hls/?post_id=1275310&amp;category=daily-column%2Cnews-monitor%2Cprachachuen%2Cfood-travel" style="width:100%;" width="100%"></iframe>
    </div>
</body>

</html>
4

1 回答 1

0

由于您使用的是 iframe，因此请检查此线程。

问题#172

于 2019-06-28T19:10:27.857 回答