https://www.bang-olufsen.com/_next/static/chunks/2463-7ebaf49aa64bc68b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2463],{51321:function(e,t,o){o.d(t,{F:function(){return r},G:function(){return n}});var n=[16,9],r={PLAY:"play",PAUSE:"pause",MUTE:"mute",UNMUTE:"unmute"}},2463:function(e,t,o){o.r(t),o.d(t,{default:function(){return Q}});var n=o(90849),r=o(55732),i=o(43350),s=o(80040),a=o(59307),l=o(48415),c=o(73667),d=o(3117),u=o(34707),p=o.n(u),v=o(27378),h=o(60042),f=o.n(h),m=o(61060),g=o(73546),y=o(19783),b=o.n(y),P=o(20484),j=o.n(P),w=o(34869),S=o(56438),Z=o(77759),k=o(95739),x=o(41408),O=o(83030),N=o(96667),E=(0,x.iv)(["&.m-videoPlayer{position:relative;.a-observer{position:absolute;bottom:0;width:100%;}.video-js{position:inherit;.vjs-load-progress,.vjs-loading-spinner,.vjs-volume-panel,.vjs-current-time,.vjs-remaining-time,.vjs-time-tooltip::before{display:none;}.vjs-tech{transition:opacity "," ease-in-out;margin-top:0 !important;object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:",";cursor:pointer;margin:0;padding:0;position:absolute;inset:0;height:100%;}.vjs-control-bar{padding:0;justify-content:space-between;height:40px;background:rgb(25 24 23 / 80%);}.vjs-icon-placeholder::before,.vjs-play-control .vjs-icon-placeholder::before{line-height:",";}.vjs-big-play-button{width:32px;height:32px;border:none;background:none;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:",";line-height:1.5em;position:absolute;padding:0;cursor:pointer;opacity:1;border-radius:0.3em;transition:all 0.4s;@media ","{width:45px;height:45px;}.vjs-icon-placeholder{width:32px;height:32px;@media ","{width:45px;height:45px;}}.vjs-icon-placeholder::before{content:'';width:32px;height:32px;background:url('/static-assets/images/common/video-play-without-border.svg') no-repeat;background-size:cover;position:absolute;top:0;left:0;text-align:center;background-color:",";border-radius:50%;@media ","{width:45px;height:45px;}}.vjs-control-text{border:0;clip:rect(0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px;visibility:hidden;font-size:",";}}.vjs-play-control,.vjs-fullscreen-control{position:relative;width:70px;height:40px;&::before,&::after{content:'';position:absolute;display:block;width:1px;height:8px;background:",";opacity:0.8;right:0;}&::before{top:0;}&::after{bottom:0;}.vjs-icon-placeholder::before{line-height:",";}}.vjs-play-control{&::before,&::after{right:0;}.vjs-icon-placeholder::before{content:'';background:url('/static-assets/images/common/video-control-pause.svg') center center no-repeat;background-size:16px 16px;}&.vjs-paused{.vjs-icon-placeholder::before{content:'';background:url('/static-assets/images/common/video-control-play.svg') center center no-repeat;background-size:16px 16px;}}}.vjs-fullscreen-control{&::before,&::after{left:0;}.vjs-icon-placeholder::before{content:'';background:url('/static-assets/images/common/video-enter-fullscreen.svg') center center no-repeat;background-size:16px 16px;}}.vjs-progress-control{position:absolute;width:100%;height:3px;top:-3px;left:0;}.vjs-seek-to-live-control{display:none;}.vjs-progress-holder{margin:0;background:none;}.vjs-play-progress{background:",";}&.vjs-paused{.vjs-big-play-button{display:block;}@media ","{.vjs-tech{opacity:0.7;}}}&.vjs-waiting,&.vjs-controls-disabled{.vjs-poster,.vjs-big-play-button{display:none;}}&.vjs-controls-disabled{.vjs-big-play-button{display:none;}}&.vjs-fullscreen{.vjs-fullscreen-control{.vjs-icon-placeholder::before{content:'';background:url('/static-assets/images/common/video-leave-fullscreen.svg') center center no-repeat;background-size:16px 16px;}}}video::-internal-media-controls-overlay-cast-button{display:none;}}&.-contain{display:flex;flex:1;height:100%;.video-js{width:100%;height:100%;background-color:transparent;}}&.-overlay{.video-js{.vjs-tech{opacity:0.7;}}}&.-hideControls{.vjs-control-bar{visibility:hidden;}}&.-hideFullScreenBtn{.vjs-control-bar{.vjs-fullscreen-control{visibility:hidden;}}}&.-cover{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;> div[data-vjs-player]{height:100%;width:100%;}.video-js{",";&.vjs-waiting{.vjs-tech{opacity:0;}}&.vjs-paused{.vjs-tech{@media ","{opacity:0.7;}}}&.vjs-playing{.vjs-tech{opacity:1;}}video{display:inline-block;",";}}&.-wide{.video-js{.vjs-poster{height:20%;top:40%;}}}}&.-responsive{height:auto;display:block;position:relative;overflow:hidden;&::before{content:'';",";display:block;height:100%;width:100%;}.video-js{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);}}&.-square{height:auto;display:block;position:relative;overflow:hidden;&::before{content:'';",";display:block;height:100%;width:100%;}.video-js{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);}}&.-youtube{.video-js{&.vjs-waiting{.vjs-poster,.vjs-big-play-button{display:none;}}}}&.-pointer{cursor:pointer;}}"],(function(e){return e.theme.duration.normal}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return(0,O.hO)(e.theme.fonts.lineHeight.custom.custom_21)}),(function(e){return(0,O.hO)(e.theme.fonts.fontSize.heading.large.h1)}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return(0,O.hO)(e.theme.fonts.fontSize.body.custom.custom_6)}),(function(e){return e.theme.colors.GREY5}),(function(e){return(0,O.hO)(e.theme.fonts.lineHeight.custom.custom_21)}),(function(e){return e.theme.colors.RED}),(function(e){return e.theme.mediaQuery.smallMax}),N.Z.objectFit(),(function(e){return e.theme.mediaQuery.smallMax}),N.Z.objectFit(),N.Z.maintainRatio(9,16),N.Z.maintainRatio(1,1)),V=o(21318),L=o(50813),I=o(51321),C=o(41605),R=o(6234),U=o(71250),F=o(24246);function z(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function B(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};

1t%2?z(Object(o),!0).forEach((function(t){(0,n.Z)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):z(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function D(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,n=(0,d.Z)(e);if(t){var r=(0,d.Z)(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return(0,c.Z)(this,o)}}var T=function(e){(0,l.Z)(o,e);var t=D(o);function o(e){var s;return(0,i.Z)(this,o),s=t.call(this,e),(0,n.Z)((0,a.Z)(s),"showPauseButtonOnLoad",(function(){if(!s.state.isVideoPlaying){var e=s.props.setPlayPauseState;e&&e(!0),s.setState({isVideoPausedByLowPower:!0,isPlaying:!1})}})),(0,n.Z)((0,a.Z)(s),"setStateForVideoPlaying",(function(){var e=s.props.setPlayPauseState;e&&e(!1),s.setState({isPlaying:!0,isVideoPausedByLowPower:!1,isVideoPlaying:!0})})),(0,n.Z)((0,a.Z)(s),"handleLoad",(function(){s.state.pageLoad||s.setState({pageLoad:!0})})),(0,n.Z)((0,a.Z)(s),"onScroll",(function(){var e=window.pageYOffset,t=s.container&&s.container.current;e>(t&&t.offsetTop)+(t&&t.offsetHeight)&&(s.videoNode&&s.videoNode.current&&s.videoNode.current.pause(),s.removeScrollListener())})),(0,n.Z)((0,a.Z)(s),"onResize",(function(){var e=s.container.current&&s.container.current.parentNode,t=e&&e.offsetWidth/e.offsetHeight,o=Boolean(t&&t>s.getVideoRatio());s.setState({isUltraWideScreen:o}),s.setVideoSources()})),(0,n.Z)((0,a.Z)(s),"onReady",(function(){var e=s.props.onReady;e&&e(),s.setState({isReady:!0})})),(0,n.Z)((0,a.Z)(s),"onPlaying",(function(){var e=s.props,t=e.onPlaying,o=e.pauseOnScroll,n=e.trackVideo,r=e.showControlsAndPlayButtons,i=e.setPlayPauseState;o&&s.addScrollListener(),t&&t(),r&&i&&i(!1),n&&s.trackVideoPlayer(L.F$d.PLAY)})),(0,n.Z)((0,a.Z)(s),"onEnded",(function(){var e=s.props,t=e.onEnded,o=e.pauseOnScroll,n=e.trackVideo;o&&s.removeScrollListener(),t&&t(),s.videoTimeProgress=[],n&&s.trackVideoPlayer(L.F$d.COMPLETED)})),(0,n.Z)((0,a.Z)(s),"onPause",(function(){var e=s.props,t=e.trackVideo,o=e.showControlsAndPlayButtons,n=e.setPlayPauseState,r=s.videoNode.current,i=(null===r||void 0===r?void 0:r.currentTime)===(null===r||void 0===r?void 0:r.duration);t&&!i&&(s.trackVideoPlayer(L.F$d.PAUSE),o&&n&&n(!0))})),(0,n.Z)((0,a.Z)(s),"startVideo",(function(e){s.setState({showPoster:!1});var t=s.props,o=t.setPlayPauseState,n=t.setDisplayInitialButton;t.isRichMediaVideoOnCategoryPageProductCardCarousel&&e.preventDefault(),s.videoNode&&s.videoNode.current&&(s.videoNode.current.play(),s.muteUnmuteOnClick(),o&&o(),n&&n(!0))})),(0,n.Z)((0,a.Z)(s),"onTimeUpdate",(function(){var e=s.props.trackVideo,t=(0,a.Z)(s).videoTimeProgress,o=s.videoNode.current;if(e&&o){var n=Math.ceil(o.currentTime/o.duration*100);if((n===L.dNl.TWENTYFIVE||n===L.dNl.FIFTY||n===L.dNl.SEVENTYFIVE)&&!t.includes(n)){t.push(n);var r="".concat(n,"% ").concat(L.F$d.COMPLETED);s.trackVideoPlayer(r)}}})),(0,n.Z)((0,a.Z)(s),"getFullScreen",(function(){var e=s.container&&s.container.current&&s.container.current.getElementsByClassName("vjs-fullscreen-control")&&s.container.current.getElementsByClassName("vjs-fullscreen-control")[0];e&&e.addEventListener("click",(function(){s.setState((function(e){return{fullScreen:!e.fullScreen}}))}));var t=s.container&&s.container.current&&s.container.current.getElementsByClassName("vjs-resize-manager")&&s.container.current.getElementsByClassName("vjs-resize-manager")[0];t&&(t.setAttribute("tabIndex",C.JSk),t.setAttribute("title",C.m69))})),(0,n.Z)((0,a.Z)(s),"getVideoRatio",(function(){var e=s.props.ratio||I.G;return e[0]/e[1]})),(0,n.Z)((0,a.Z)(s),"getSources",(function(e){var t=[],o=s.props.viewportInfo;if(e){var n;if((e.get("mobileAssetUrl")||e.get("tabletAssetUrl"))&&o){var r=o.get("isSmallerThan");n=r.get("small")?e.get("mobileAssetUrl"):r.get("medium")&&e.get("tabletAssetUrl")||e.get("defaultAssetUrl")}else n=e.get("defaultAssetUrl");var i={defaultSrc:n,webmSrc:e.get("webmUrl")};

1i.defaultSrc&&t.push({src:i.defaultSrc,type:"video/mp4"}),i.webmSrc&&t.push({src:i.webmSrc,type:"video/webm"})}return t})),(0,n.Z)((0,a.Z)(s),"trackVideoPlayer",(function(e){var t=s.props,o=t.videoTitle,n=t.mediaItem,r=n&&n.getIn(["media","altText"]),i={eventName:L.XPM,section:L.pXW,subSection:e,selection:o||r};(0,V.Cm)(i)})),(0,n.Z)((0,a.Z)(s),"addScrollListener",(function(){window.addEventListener("scroll",b()(s.onScroll,100),{capture:!1,passive:!0})})),(0,n.Z)((0,a.Z)(s),"removeScrollListener",(function(){window.removeEventListener("scroll",b()(s.onScroll,100),{capture:!1,passive:!0})})),(0,n.Z)((0,a.Z)(s),"addResizeListener",(function(){window.addEventListener("resize",b()(s.onResize,20))})),(0,n.Z)((0,a.Z)(s),"removeResizeListener",(function(){window.removeEventListener("resize",b()(s.onResize,20))})),(0,n.Z)((0,a.Z)(s),"container",(0,v.createRef)()),(0,n.Z)((0,a.Z)(s),"videoNode",(0,v.createRef)()),(0,n.Z)((0,a.Z)(s),"videoTimeProgress",[]),(0,n.Z)((0,a.Z)(s),"playPauseA11yOnClick",(function(){var e=s.props.setPlayPauseState,t=s.state.isVideoPausedByLowPower;s.state.isPlaying&&!t?s.videoNode.current&&(s.videoNode.current.pause(),s.setState((function(e){return{showPoster:!1,isPlaying:!e.isPlaying}})),e(!0)):s.videoNode.current&&(e(!1),s.videoNode.current.play(),s.setState((function(e){return{showPoster:!1,isPlaying:!e.isPlaying,isVideoPausedByLowPower:!1}})))})),(0,n.Z)((0,a.Z)(s),"lazyLoadPosterImage",(function(){s.handleLoad();var e=s.buildPosterImageSrc(),t=(0,a.Z)(s).videoNode,o=t&&t.current&&t.current.nextSibling;o&&e&&(o.style="background-image: url(".concat(e,");"),o.classList.remove("vjs-hidden"))})),(0,n.Z)((0,a.Z)(s),"buildPosterImageSrc",(function(){var e=s.props,t=e.mediaItem,o=e.ratio,n=e.connectionSpeed,r=e.isWebpSupported,i=t&&t.getIn(["media","posterImageAssetUrl"]),a={connectionSpeed:n,isWebpSupported:r,ratio:o,src:i,size:Z.Cg,fit:Z.kR};return i&&(0,S.PE)(a)})),(0,n.Z)((0,a.Z)(s),"renderPoster",(function(){var e=s.props.autoplay,t=s.state.showPoster;return s.buildPosterImageSrc()&&!e&&t?(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("div",{className:"vjs-poster"}),(0,F.jsxs)("button",{className:"vjs-big-play-button",type:"button",title:"Play Video","aria-disabled":"false",onClick:function(e){return s.startVideo(e)},children:[(0,F.jsx)("span",{"aria-hidden":"true",className:"vjs-icon-placeholder"}),(0,F.jsx)("span",{className:"vjs-control-text","aria-live":"polite",children:"Play Video"})]})]}):null})),(0,n.Z)((0,a.Z)(s),"muteUnmuteOnClick",(function(){var e=s.props.setMuteUnmuteState;s.state.isMute?s.videoNode.current&&(s.videoNode.current.muted=!1,e(!0),s.setState({isMute:!1})):s.videoNode.current&&(e(!1),s.videoNode.current.muted=!0,s.setState({isMute:!0}))})),(0,n.Z)((0,a.Z)(s),"handleVideoClick",function(){var e=(0,r.Z)(p().mark((function e(t){var o;return p().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,!(o=t.currentTarget).requestFullscreen){e.next=7;break}return e.next=5,o.requestFullscreen();case 5:e.next=8;break;case 7:o.webkitEnterFullscreen&&o.webkitEnterFullscreen();case 8:e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),console.error("Failed to enter fullscreen:",e.t0);case 13:case"end":return e.stop()}}),e,null,[[0,10]])})));return function(t){return e.apply(this,arguments)}}()),(0,n.Z)((0,a.Z)(s),"handleOnKeyDownVideo",(function(e){"Enter"===e.key&&(e.preventDefault(),s.handleVideoClick(e))})),s.state={isUltraWideScreen:!0,isReady:!1,fullScreen:!1,showPoster:!0,sources:[],pageLoad:!1,isPlaying:!!s.props.autoplay,isMute:!!s.props.autoplay||!!s.props.muted,isVideoPausedByLowPower:!1,isVideoPlaying:!1},s}return(0,s.Z)(o,[{key:"componentDidMount",value:function(){var e;j()(),this.onResize(),this.addResizeListener(),this.initialisePlayer();var t=null===this||void 0===this||null===(e=this.videoNode)||void 0===e?void 0:e.current,o=this.props.mediaItem,n=null===o||void 0===o?void 0:o.getIn(["media","hideVideoDownload"]);t&&n&&t.setAttribute("oncontextmenu","return false;"),t&&(0,U.Fo)()&&(t.addEventListener("suspend",this.showPauseButtonOnLoad),t.addEventListener("play",this.setStateForVideoPlaying))}},{key:"componentWillUnmount",value:function(){var e;this.removeResizeListener(),this.removeScrollListener();var t=null===this||void 0===this||null===(e=this.videoNode)||void 0===e?void 0:e.current;t&&(0,U.Fo)()&&(t.removeEventListener("suspend",this.showPauseButtonOnLoad),t.removeEventListener("play",this.setStateForVideoPlaying))}},{key:"componentDidUpdate",value:function(e){!e.viewportInfo&&this.props.viewportInfo&&this.initialisePlayer()}},{key:"setVideoSources",value:function(){var e=this.props.mediaItem;if(this.container.current&&e){var t=e.get("media");this.setState({sources:this.getSources(t)})}}},{key:"initialisePlayer",value:function(){var e=this.props,t=e.mediaItem,o=e.setPlayPauseOptions,n=e.setPlayPauseState,r=e.setMuteUnmuteOptions,i=e.setMuteUnmuteState;if(t){this.setVideoSources();var s=this.onReady;this.videoNode.current&&(s(),o&&o(this.playPauseA11yOnClick),n&&n(!1),n&&!this.props.autoplay&&n(!0),r&&r(this.muteUnmuteOnClick),i&&!this.props.autoplay&&i(!1))}}},{key:"render",value:function(){var e=this,t=this.props,o=t.className,n=t.inheritedClass,r=t.cover,i=t.responsive,s=t.mediaItem,a=t.overlay,l=t.loop,c=t.controls,d=t.autoplay,u=t.hideControls,p=t.setPlayPauseOptions,v=t.disableFullScreenVideo,h=t.setMuteUnmuteOptions,g=t.videoInlineStyles,y=t.enableFullScreenOnClick,b=this.state,P=b.isReady,j=b.isUltraWideScreen,w=b.sources,S=b.showPoster,Z=b.pageLoad;if(!s||!s.get("media"))return null;var x=s.get("mediaType"),O=x&&"externalVideo"===x,N=s.getIn(["media","hideVideoDownload"])?{controlsList:"nodownload"}:null,E=f()(o,n,"m-videoPlayer",{"-responsive":i,"-cover":r,"-contain":!r,"-wide":r&&j,"-ready":P,"-youtube":O,"-overlay":a,"-hideControls":u,"-hideFullScreenBtn":v,"-pointer":y});return this.videoNode.current&&p&&p(this.playPauseA11yOnClick),this.videoNode.current&&h&&h(this.muteUnmuteOnClick),(0,F.jsx)("div",{ref:this.container,className:E,

1children:(0,F.jsx)(k.Z,{onIntersectionEnter:function(){return e.lazyLoadPosterImage()},rootMargin:"200px 0px",children:(0,F.jsx)(m.ZP,{disabled:!this.state.fullScreen,children:(0,F.jsxs)("div",{className:"video-js",children:[(0,F.jsx)("video",B(B({autoPlay:d,playsInline:d,muted:this.state.isMute,loop:l,controls:c,onEnded:this.onEnded,onPlaying:this.onPlaying,ref:this.videoNode,onTimeUpdate:this.onTimeUpdate,onPause:this.onPause,className:"vjs-tech",tabIndex:S?"-1":null,preload:d?"auto":"none",style:g},N),{},{onClick:y?this.handleVideoClick:null,onKeyDown:y?this.handleOnKeyDownVideo:null,children:Z&&w.map((function(e){return(0,F.jsx)("source",B({},e),e.type)}))})),this.renderPoster()]})})})})}}]),o}(v.PureComponent);T.displayName="VideoPlayer",T.defaultProps={inheritedClass:"",ratio:[16,9],controls:!0,autoplay:!1,muted:!1,loop:!1,responsive:!1,cover:!1,pauseOnScroll:!1,trackVideo:!0,overlay:!1,hideControls:!1};var A=(0,R.Z)(T),M=(0,w.Z)(A,E),W=(0,g.connect)((function(e){return{isWebpSupported:e.getIn(["global","globalData","deviceInfo","featureSupport","webp"]),connectionSpeed:e.getIn(["global","globalData","deviceInfo","connectionSpeed"]),viewportInfo:e.getIn(["global","globalData","viewportInfo"])}}),null)(M),_=o(59707);function Y(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function K(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(o),!0).forEach((function(t){(0,n.Z)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Y(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}var Q=function(e){var t=e.mediaItem.get("mediaType"),n=t&&"externalVideo"===t,r=e.mediaItem&&e.mediaItem.getIn(["media","vendor"]),i=n&&"vimeo"===r;if(n&&!i){var s=(0,_.Z)({loader:function(){return o.e(4830).then(o.bind(o,44830))},ssr:!1,loading:function(){return""}});return(0,F.jsx)(s,K({},e))}if(i){var a=(0,_.Z)({loader:function(){return Promise.all([o.e(3539),o.e(5606)]).then(o.bind(o,35606))},ssr:!1,loading:function(){return""}});return(0,F.jsx)(a,K({},e))}return(0,F.jsx)(W,K({},e))}},59707:function(e,t,o){var n=o(90089),r=o(65218),i=o.n(r),s=["loader"];t.Z=function(e){var t=e.loader,o=(0,n.Z)(e,s);return i()(t,o)}}}]);