React Native - Webview: как воспроизводить видео в полноэкранном режиме HTML - PullRequest
Новая
       31

React Native - Webview: как воспроизводить видео в полноэкранном режиме HTML

0 голосов
/ 17 декабря 2018

Я использую webview в реагировать на родной для отображения HTML-контента.Иногда HTML включает iframe, который может отображать видео.Но по умолчанию, когда я касаюсь опции полного экрана в видео

enter image description here

Ниже приведен мой пример 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>

1 Ответ

0 голосов
/ 28 июня 2019

Поскольку вы используете iframes, возможно, проверьте эту ветку.

Issue # 172

...