diff --git a/ui/component/viewers/videoViewer/internal/plugins/videojs-mobile-ui/plugin.js b/ui/component/viewers/videoViewer/internal/plugins/videojs-mobile-ui/plugin.js index 8bb9e0d23..9fa1ed760 100644 --- a/ui/component/viewers/videoViewer/internal/plugins/videojs-mobile-ui/plugin.js +++ b/ui/component/viewers/videoViewer/internal/plugins/videojs-mobile-ui/plugin.js @@ -151,8 +151,8 @@ const onPlayerReady = (player, options) => { * Never shows if the endscreen plugin is present */ const mobileUi = function(options) { - // if (videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { - if (videojs.browser.IS_ANDROID) { + // target both iOS and Android + if (videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) { this.ready(() => { onPlayerReady(this, videojs.mergeOptions(defaults, options)); }); diff --git a/ui/component/viewers/videoViewer/internal/videojs.jsx b/ui/component/viewers/videoViewer/internal/videojs.jsx index bac5fb9ba..893ca3619 100644 --- a/ui/component/viewers/videoViewer/internal/videojs.jsx +++ b/ui/component/viewers/videoViewer/internal/videojs.jsx @@ -283,10 +283,10 @@ export default React.memo(function VideoJs(props: Props) { // as the listener to update static texts. const setLabel = (controlBar, childName, label) => { - const c = controlBar.getChild(childName); - if (c) { - c.controlText(label); - } + // const c = controlBar.getChild(childName); + // if (c) { + // c.controlText(label); + // } }; const player = playerRef.current; diff --git a/ui/component/viewers/videoViewer/view.jsx b/ui/component/viewers/videoViewer/view.jsx index 905187ded..189ef0ab4 100644 --- a/ui/component/viewers/videoViewer/view.jsx +++ b/ui/component/viewers/videoViewer/view.jsx @@ -110,6 +110,12 @@ function VideoViewer(props: Props) { previousListUri, videoTheaterMode, } = props; + + const IS_IOS = + (/iPad|iPhone|iPod/.test(navigator.platform) || + (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) && + !window.MSStream; + const permanentUrl = claim && claim.permanent_url; const adApprovedChannelIds = homepageData ? getAllIds(homepageData) : []; const claimId = claim && claim.claim_id; @@ -335,6 +341,31 @@ function VideoViewer(props: Props) { // player.muted(true); // another version had player.play() } + console.log('running here!') + } else { + console.log('running here123') + const isPaused = player.paused(); + + console.log('is paused'); + console.log(isPaused) + if (IS_IOS && isPaused) { + document.getElementsByClassName('video-js--tap-to-unmute')[0].style.visibility = 'visible'; + player.muted(true); + const iosResponse = player.play(); + console.log(iosResponse) + } + setTimeout(function(){ + console.log('running here124') + const isPaused = player.paused(); + console.log('is paused'); + console.log(isPaused) + if (IS_IOS && isPaused) { + document.getElementsByClassName('video-js--tap-to-unmute')[0].style.visibility = 'visible'; + player.muted(true); + const iosResponse = player.play(); + console.log(iosResponse) + } + }, 1000) } setIsLoading(false); setIsPlaying(false);