‘The Bachelor’ casts first black ‘Bachelor’ following outcry for better diversity

‘)$vidEndSlate.removeClass(‘video__finish-slate–inactive’).addClass(‘video__finish-slate–active’)}}CNN.autoPlayVideoExist = (CNN.autoPlayVideoExist === correct) ? correct : falsevar configObj = thumb: ‘none’,video clip: ‘entertainment/2020/06/twelve/matt-james-initial-black-bachelor-orig-vstop-bdk.cnn’,width: ‘100%’,peak: ‘100%’,section: ‘domestic’,profile: ‘expansion’,network: ‘cnn’,markupId: ‘large-media_0’,adsection: ‘const-report-pagetop’,frameWidth: ‘100%’,frameHeight: ‘100%’,posterImageOverride: “mini”:”width”:220,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-small-169.jpg”,”peak”:124,”xsmall”:”width”:307,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-medium-as well as-169.jpg”,”peak”:173,”small”:”width”:460,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-huge-169.jpg”,”peak”:259,”medium”:”width”:780,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-exlarge-169.jpg”,”peak”:438,”huge”:”width”:1100,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-tremendous-169.jpg”,”peak”:619,”full16x9″:”width”:1600,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-entire-169.jpg”,”peak”:900,”mini1x1″:”width”:120,”form”:”jpg”,”uri”:”//cdn.cnn.com/cnnnext/dam/belongings/200612114027-matt-james-bachelor-gma-small-11.jpg”,”peak”:120,autoStartVideo = wrong,isVideoReplayClicked = wrong,callbackObj,containerEl,currentVideoCollection = [],currentVideoCollectionId = ”,isLivePlayer = wrong,mediaMetadataCallbacks,mobilePinnedView = null,moveToNextTimeout,mutePlayerEnabled = wrong,nextVideoId = ”,nextVideoUrl = ”,turnOnFlashMessaging = wrong,videoPinner,videoEndSlateImplif (CNN.autoPlayVideoExist === wrong) autoStartVideo = trueif (autoStartVideo === correct) if (turnOnFlashMessaging === correct) autoStartVideo = falsecontainerEl = jQuery(document.getElementById(configObj.markupId))CNN.VideoPlayer.showFlashSlate(containerEl) else CNN.autoPlayVideoExist = correctconfigObj.autostart = CNN.Features.enableAutoplayBlock ? wrong : autoStartVideoCNN.VideoPlayer.setPlayerProperties(configObj.markupId, autoStartVideo, isLivePlayer, isVideoReplayClicked, mutePlayerEnabled)CNN.VideoPlayer.setFirstVideoInCollection(currentVideoCollection, configObj.markupId)videoEndSlateImpl = new CNN.VideoEndSlate(‘large-media_0’)operate findNextVideo(currentVideoId) var i,vidObjif (currentVideoId && jQuery.isArray(currentVideoCollection) && currentVideoCollection.duration > ) for (i = i ) videoEndSlateImpl.showEndSlateForContainer()if (mobilePinnedView) mobilePinnedView.disable()callbackObj = {onPlayerReady: operate (containerId) {var playerInstance,containerClassId = ‘#’ + containerIdCNN.VideoPlayer.handleInitialExpandableVideoState(containerId)CNN.VideoPlayer.handleAdOnCVPVisibilityChange(containerId, CNN.pageVis.isDocumentVisible())if (CNN.Features.enableMobileWebFloatingPlayer &&Modernizr &&(Modernizr.cellular phone || Modernizr.mobile || Modernizr.pill) &&CNN.VideoPlayer.getLibraryName(containerId) === ‘fave’ &&jQuery(containerClassId).dad and mom(‘.js-pg-rail-tall__head’).duration > &&CNN.contentModel.pageType === ‘article’) CNN.Videx.mobile.pinnedPlayer = mobilePinnedViewif (Modernizr && !Modernizr.cellular phone && !Modernizr.mobile && !Modernizr.pill) if (jQuery(containerClassId).dad and mom(‘.js-pg-rail-tall__head’).duration) videoPinner = new CNN.VideoPinner(containerClassId)videoPinner.init() else CNN.VideoPlayer.hideThumbnail(containerId)},onContentEntryLoad: operate(containerId, playerId, contentid, isQueue) CNN.VideoPlayer.showSpinner(containerId),onContentPause: operate (containerId, playerId, videoId, paused) if (mobilePinnedView) CNN.VideoPlayer.handleMobilePinnedPlayerStates(containerId, paused),onContentMetadata: operate (containerId, playerId, metadata, contentId, period, width, peak) var endSlateLen = jQuery(document.getElementById(containerId)).mother or father().discover(‘.js-video clip__finish-slate’).eq().lengthCNN.VideoSourceUtils.updateSource(containerId, metadata)if (endSlateLen > ) videoEndSlateImpl.fetchAndShowRecommendedVideos(metadata),onAdPlay: operate (containerId, cvpId, token, mode, id, period, blockId, adType) /* Dismissing the pinnedPlayer if a different video clip gamers plays an Advert */CNN.VideoPlayer.dismissMobilePinnedPlayer(containerId)clearTimeout(moveToNextTimeout)CNN.VideoPlayer.hideSpinner(containerId)if (Modernizr && !Modernizr.cellular phone && !Modernizr.mobile && !Modernizr.pill) if (typeof videoPinner !== ‘undefined’ && videoPinner !== null) videoPinner.setIsPlaying(correct)videoPinner.animateDown(),onAdPause: operate (containerId, playerId, token, mode, id, period, blockId, adType, occasion, isAdPause) if (mobilePinnedView) CNN.VideoPlayer.handleMobilePinnedPlayerStates(containerId, isAdPause),onTrackingFullscreen: operate (containerId, PlayerId, dataObj) CNN.VideoPlayer.handleFullscreenChange(containerId, dataObj)if (mobilePinnedView &&typeof dataObj === ‘object’ &&FAVE.Utils.os === ‘iOS’ && !dataObj.fullscreen) jQuery(document).scrollTop(mobilePinnedView.getScrollPosition())playerInstance.hideUI(),onContentPlay: operate (containerId, cvpId, occasion) var playerInstance,prevVideoIdif (CNN.companion && typeof CNN.companion.updateCompanionLayout === ‘function’) CNN.companion.updateCompanionLayout(‘restoreEpicAds’)clearTimeout(moveToNextTimeout)CNN.VideoPlayer.hideSpinner(containerId)if (Modernizr && !Modernizr.cellular phone && !Modernizr.mobile && !Modernizr.pill) if (typeof videoPinner !== ‘undefined’ && videoPinner !== null) videoPinner.setIsPlaying(correct)videoPinner.animateDown(),onContentReplayRequest: operate (containerId, cvpId, contentId) {if (Modernizr && !Modernizr.cellular phone && !Modernizr.mobile && !Modernizr.pill) if (typeof videoPinner !== ‘undefined’ && videoPinner !== null) videoPinner.setIsPlaying(correct)var $endSlate = jQuery(document.getElementById(containerId)).mother or father().discover(‘.js-video clip__finish-slate’).eq()if ($endSlate.duration > ) $endSlate.removeClass(‘video__finish-slate–active’).addClass(‘video__finish-slate–inactive’)},onContentBegin: operate (containerId, cvpId, contentId) if (mobilePinnedView) mobilePinnedView.empower()/* Dismissing the pinnedPlayer if a different video clip gamers plays a video clip. */CNN.VideoPlayer.dismissMobilePinnedPlayer(containerId)CNN.VideoPlayer.mutePlayer(containerId)if (CNN.companion && typeof CNN.companion.updateCompanionLayout === ‘function’) CNN.companion.updateCompanionLayout(‘removeEpicAds’)CNN.VideoPlayer.hideSpinner(containerId)clearTimeout(moveToNextTimeout)CNN.VideoSourceUtils.clearSource(containerId)jQuery(document).triggerVideoContentStarted(),onContentComplete: operate (containerId, cvpId, contentId) if (CNN.companion && typeof CNN.companion.updateCompanionLayout === ‘function’) CNN.companion.updateCompanionLayout(‘restoreFreewheel’)navigateToNextVideo(contentId, containerId),onContentEnd: operate (containerId, cvpId, contentId) if (Modernizr && !Modernizr.cellular phone && !Modernizr.mobile && !Modernizr.pill) if (typeof videoPinner !== ‘undefined’ && videoPinner !== null) videoPinner.setIsPlaying(wrong),onCVPVisibilityChange: operate (containerId, cvpId, seen) CNN.VideoPlayer.handleAdOnCVPVisibilityChange(containerId, seen)}if (typeof configObj.context !== ‘string’ || configObj.context.duration ) configObj.adsection = window.ssidCNN.autoPlayVideoExist = (CNN.autoPlayVideoExist === correct) ? correct : falseCNN.VideoPlayer.getLibrary(configObj, callbackObj, isLivePlayer)})CNN.INJECTOR.scriptComplete(‘videodemanddust’)