seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Load iframe later

This commit is contained in:
Seth Call 2025-03-23 22:27:27 -05:00 committed by Nuwan
parent d4fcb0c19f
commit 0b60c8d0cc
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
jam-ui/src/components/jamtracks/JKJamTracksArtistLandingBody.js
View File

@ -97,6 +97,14 @@ const ArtistBodyComponent = ({
//coming to signup page after clicking on jamtrack or artist //coming to signup page after clicking on jamtrack or artist
useEffect(() => { useEffect(() => {
window.addEventListener('load', () => {
document
.querySelectorAll('iframe[data-src]')
.forEach((iframe) => {
iframe.src = iframe.dataset.src;
});
});
const checkOverflow = () => { const checkOverflow = () => {
if (jamtrackListingRef.current) { if (jamtrackListingRef.current) {
const element = jamtrackListingRef.current; const element = jamtrackListingRef.current;
@ -585,7 +593,7 @@ use their favorite plugins to power their percussive audio.</span></p>
<div className="card-body bg-light"> <div className="card-body bg-light">
<div className="video-wrapper awesome-image-right"> <div className="video-wrapper awesome-image-right">
<div className="video-container"> <div className="video-container">
<iframe src="//www.youtube.com/embed/euxDykIqUdo" border="0" <iframe data-src="//www.youtube.com/embed/euxDykIqUdo" border="0"
allowFullScreen></iframe> allowFullScreen></iframe>
</div> </div>
</div> </div>

10
jam-ui/src/components/jamtracks/JKJamTracksLandingBody.js
View File

@ -107,6 +107,14 @@ const BodyComponent = ({
//coming to signup page after clicking on jamtrack or artist //coming to signup page after clicking on jamtrack or artist
useEffect(() => { useEffect(() => {
window.addEventListener('load', () => {
document
.querySelectorAll('iframe[data-src]')
.forEach((iframe) => {
iframe.src = iframe.dataset.src;
});
});
console.log("useEffect, currentUser", currentUser) console.log("useEffect, currentUser", currentUser)
updateHeight(); // Run after initial render updateHeight(); // Run after initial render
@ -547,7 +555,7 @@ use their favorite plugins to power their percussive audio.</span></p>
<div className="card-body bg-light"> <div className="card-body bg-light">
<div className="video-wrapper awesome-image-right"> <div className="video-wrapper awesome-image-right">
<div className="video-container"> <div className="video-container">
<iframe src="//www.youtube.com/embed/euxDykIqUdo" border="0" <iframe data-src="//www.youtube.com/embed/euxDykIqUdo" border="0"
allowFullScreen></iframe> allowFullScreen></iframe>
</div> </div>
</div> </div>