https://www.tourofguangxi.com.cn/reactPlayerPreview.async.js

1!(function(){var K=Object.defineProperty;var w=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var P=(i,s,a)=>s in i?K(i,s,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[s]=a,u=(i,s)=>{for(var a in s||(s={}))L.call(s,a)&&P(i,a,s[a]);if(w)for(var a of w(s))U.call(s,a)&&P(i,a,s[a]);return i};(self.webpackChunk=self.webpackChunk||[]).push([[664],{83855:function(i,s,a){var x=Object.create,c=Object.defineProperty,O=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertyNames,k=Object.getPrototypeOf,C=Object.prototype.hasOwnProperty,E=(r,e,t)=>e in r?c(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,S=(r,e)=>{for(var t in e)c(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of I(e))!C.call(r,n)&&n!==t&&c(r,n,{get:()=>e[n],enumerable:!(o=O(e,n))||o.enumerable});return r},j=(r,e,t)=>(t=r!=null?x(k(r)):{},m(e||!r||!r.__esModule?c(t,"default",{value:r,enumerable:!0}):t,r)),N=r=>m(c({},"__esModule",{value:!0}),r),h=(r,e,t)=>(E(r,typeof e!="symbol"?e+"":e,t),t),g={};S(g,{default:()=>D}),i.exports=N(g);var l=j(a(67294));const d="64px",_={};class D extends l.Component{constructor(){super(...arguments),h(this,"mounted",!1),h(this,"state",{image:null}),h(this,"handleKeyPress",e=>{(e.key==="Enter"||e.key===" ")&&this.props.onClick()})}componentDidMount(){this.mounted=!0,this.fetchImage(this.props)}componentDidUpdate(e){const{url:t,light:o}=this.props;(e.url!==t||e.light!==o)&&this.fetchImage(this.props)}componentWillUnmount(){this.mounted=!1}fetchImage({url:e,light:t,oEmbedUrl:o}){if(!l.default.isValidElement(t)){if(typeof t=="string"){this.setState({image:t});return}if(_[e]){this.setState({image:_[e]});return}return this.setState({image:null}),window.fetch(o.replace("{url}",e)).then(n=>n.json()).then(n=>{if(n.thumbnail_url&&this.mounted){const p=n.thumbnail_url.replace("height=100","height=480").replace("-d_295x166","-d_640");this.setState({image:p}),_[e]=p}})}}render(){const{light:e,onClick:t,playIcon:o,previewTabIndex:n,previewAriaLabel:p}=this.props,{image:y}=this.state,f=l.default.isValidElement(e),v={display:"flex",alignItems:"center",justifyContent:"center"},b={preview:u({width:"100%",height:"100%",backgroundImage:y&&!f?`url(${y})`:void 0,backgroundSize:"cover",backgroundPosition:"center",cursor:"pointer"},v),shadow:u({background:"radial-gradient(rgb(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 60%)",borderRadius:d,width:d,height:d,position:f?"absolute":void 0},v),playIcon:{borderStyle:"solid",borderWidth:"16px 0 16px 26px",borderColor:"transparent transparent transparent white",marginLeft:"7px"}},M=l.default.createElement("div",{style:b.shadow,className:"react-player__shadow"},l.default.createElement("div",{style:b.playIcon,className:"react-player__play-icon"}));return l.default.createElement("div",u({style:b.preview,className:"react-player__preview",onClick:t,tabIndex:n,onKeyPress:this.handleKeyPress},p?{"aria-label":p}:{}),f?e:null,o||M)}}}}]);
2}());