lightGallery icon indicating copy to clipboard operation
lightGallery copied to clipboard

Published 20 hours ago • verified publisher icon sachinchoolur

Getting Black screen after clicking the image/video

Open neerajnaswa opened this issue 2 years ago • 1 comments

Getting Black screen after clicking the image/video.Using this code:

<div> <Head> <title>Create Next App</title> </Head> <h1>Lightgallery video loading test</h1> <div className=""> <LightGallery onInit={onInit} plugins={[lgThumbnail, lgVideo]} mode="lg-fade" onHasVideo={(detail) => { console.log('detail', detail); }} > {(videos || []).map((video) => { return ( <div key={video._id} className="gallery-item cursor-pointer" data-video={{"source": [{"src": "${video.fileUrl}", "type":"video/mp4"}], "attributes": {"preload": false, "playsinline": true, "controls": true}}} data-poster="https://www.lightgalleryjs.com/images/demo/html5-video-poster.jpg" > <Image src={randomImg} height={100} /> </div> ); })} </LightGallery> </div> </div>

Capture1

image <img width="713" alt="Capture" src="https://user-images.githubusercontent.com/47140686/177832341-330e2637-e5df-4cbe-9929-e4a4c2889b14.PNG"

neerajnaswa avatar Jul 07 '22 17:07 neerajnaswa

Hey @neerajnaswa,

Is it possible to provide a stackblitz demo?

sachinchoolur avatar Jul 26 '22 11:07 sachinchoolur

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Sep 24 '22 11:09 stale[bot]