snipe changes for ios
This commit is contained in:
parent
8afab7dbba
commit
9065b44a72
2 changed files with 15 additions and 2 deletions
|
@ -151,8 +151,8 @@ const onPlayerReady = (player, options) => {
|
||||||
* Never shows if the endscreen plugin is present
|
* Never shows if the endscreen plugin is present
|
||||||
*/
|
*/
|
||||||
const mobileUi = function(options) {
|
const mobileUi = function(options) {
|
||||||
// if (videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) {
|
// target both iOS and Android
|
||||||
if (videojs.browser.IS_ANDROID) {
|
if (videojs.browser.IS_ANDROID || videojs.browser.IS_IOS) {
|
||||||
this.ready(() => {
|
this.ready(() => {
|
||||||
onPlayerReady(this, videojs.mergeOptions(defaults, options));
|
onPlayerReady(this, videojs.mergeOptions(defaults, options));
|
||||||
});
|
});
|
||||||
|
|
|
@ -110,6 +110,12 @@ function VideoViewer(props: Props) {
|
||||||
previousListUri,
|
previousListUri,
|
||||||
videoTheaterMode,
|
videoTheaterMode,
|
||||||
} = props;
|
} = 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 permanentUrl = claim && claim.permanent_url;
|
||||||
const adApprovedChannelIds = homepageData ? getAllIds(homepageData) : [];
|
const adApprovedChannelIds = homepageData ? getAllIds(homepageData) : [];
|
||||||
const claimId = claim && claim.claim_id;
|
const claimId = claim && claim.claim_id;
|
||||||
|
@ -335,6 +341,13 @@ function VideoViewer(props: Props) {
|
||||||
// player.muted(true);
|
// player.muted(true);
|
||||||
// another version had player.play()
|
// another version had player.play()
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
const isPaused = player.paused();
|
||||||
|
if (IS_IOS && isPaused) {
|
||||||
|
document.getElementsByClassName('video-js--tap-to-unmute')[0].style.visibility = 'visible';
|
||||||
|
player.muted(true);
|
||||||
|
const iosResponse = player.play();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
setIsLoading(false);
|
setIsLoading(false);
|
||||||
setIsPlaying(false);
|
setIsPlaying(false);
|
||||||
|
|
Loading…
Reference in a new issue