From f5227d9933bcfcc6ee44934af1c90e549403f1ce Mon Sep 17 00:00:00 2001 From: Ananthu Kanive Date: Tue, 7 Apr 2020 08:45:55 +0530 Subject: [PATCH] fix android autoplay issues (#2 #3) --- src/YoutubeIframe.js | 22 ++++++++++++++-------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/src/YoutubeIframe.js b/src/YoutubeIframe.js index 2294709..cd64c06 100644 --- a/src/YoutubeIframe.js +++ b/src/YoutubeIframe.js @@ -5,6 +5,7 @@ import React, { useImperativeHandle, forwardRef, useState, + Platform, } from 'react'; import {View, StyleSheet} from 'react-native'; import WebView from 'react-native-webview'; @@ -18,19 +19,20 @@ const YoutubeIframe = ( width, videoId, playList, - playListStartIndex = 0, play = false, - onChangeState = _event => {}, - onReady = _event => {}, - onError = _err => {}, - onPlaybackQualityChange = _quality => {}, mute = false, volume = 100, - playbackRate = 1, - onPlaybackRateChange = _playbackRate => {}, - initialPlayerParams = {}, webViewStyle, webViewProps, + playbackRate = 1, + onError = _err => {}, + onReady = _event => {}, + playListStartIndex = 0, + initialPlayerParams = {}, + forceAndroidAutoplay = false, + onChangeState = _event => {}, + onPlaybackQualityChange = _quality => {}, + onPlaybackRateChange = _playbackRate => {}, }, ref, ) => { @@ -170,6 +172,10 @@ const YoutubeIframe = ( mediaPlaybackRequiresUserAction={false} allowsInlineMediaPlayback onMessage={onWebMessage} + userAgent={Platform.select({ + android: + 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36', + })} {...webViewProps} />