first commit
This commit is contained in:
@@ -0,0 +1,42 @@
|
||||
import React from 'react';
|
||||
|
||||
function PopupVideo({ videoSrc, handler }) {
|
||||
/*
|
||||
//www.youtube.com/embed/EE7NqzhMDms?autoplay=1
|
||||
*/
|
||||
return (
|
||||
<div>
|
||||
<div onClick={handler} className="mfp-bg mfp-ready"></div>
|
||||
<div
|
||||
className="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready"
|
||||
tabIndex="-1"
|
||||
style={{ overflow: ' hidden auto' }}
|
||||
>
|
||||
<div className="mfp-container mfp-s-ready mfp-iframe-holder">
|
||||
<div className="mfp-content">
|
||||
<div className="mfp-iframe-scaler">
|
||||
<button
|
||||
onClick={handler}
|
||||
title="Close (Esc)"
|
||||
type="button"
|
||||
className="mfp-close"
|
||||
>
|
||||
×
|
||||
</button>
|
||||
<iframe
|
||||
title="video"
|
||||
className="mfp-iframe"
|
||||
src={videoSrc}
|
||||
frameBorder="0"
|
||||
allowFullScreen=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="mfp-preloader">Loading...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default PopupVideo;
|
||||
Reference in New Issue
Block a user