Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lazy-load-xt + plyr #117

Open
parknenok opened this issue Apr 6, 2018 · 1 comment
Open

Lazy-load-xt + plyr #117

parknenok opened this issue Apr 6, 2018 · 1 comment

Comments

@parknenok
Copy link

lazy load xt doesn't change data-src when using plyr script
rendered code below

<figure class="reveal-testi">
<div tabindex="0" class="plyr plyr--video plyr--fullscreen-enabled plyr--stopped plyr--ready"><div class="plyr__video-wrapper" style="cursor: pointer;"><div class="plyr__captions"></div><video class="rarejob-story plyr--setup" data-poster="https://d1atgierv9op2.cloudfront.net/ph/assets/jpg/tutor-img-230.jpg" preload="none">
<source data-src="https://d1atgierv9op2.cloudfront.net/ph/assets/video/tutor-vid-015.mp4" type="video/mp4">
</video></div><button type="button" data-plyr="play" class="plyr__play-large" aria-label="Play"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plyr-play"></use></svg><span class="plyr__sr-only">Play</span></button><div class="plyr__controls"><button type="button" data-plyr="fullscreen" aria-pressed="false"><svg class="icon--exit-fullscreen"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plyr-exit-fullscreen"></use></svg><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#plyr-enter-fullscreen"></use></svg><span class="plyr__sr-only">Toggle Fullscreen</span></button></div></div>
<div class="figure-name"><h2>ChelMac</h2><span>TUTOR</span></div>
<figcaption>
<div class="testimontial">
<p>[The students] are very appreciative of the lesson. They would really value and treasure what you do for them.</p>
</div>
<a onclick="_gaq.push([&quot;_trackEvent&quot;, &quot;Homepage - Life With RareJob&quot;, &quot;Click&quot;, &quot;View More button&quot;]);" href="/site/life_with_rarejob#chelmac">View more</a></figcaption>
</figure>

original code

<div class="tutor-testi grid">
<figure class="reveal-testi">
<video class="rarejob-story" data-poster="<?php echo RJ_Static::URL_ASSETS_JPG;?>tutor-img-230.jpg" preload="none">
<source data-src="<?php echo RJ_Static::URL_ASSETS_VID . 'tutor-vid-015.mp4'; ?>" type="video/mp4">
</video>
<div class="figure-name"><h2>ChelMac</h2><span>TUTOR</span></div>
<figcaption>
<div class="testimontial">
<p>[The students] are very appreciative of the lesson. They would really value and treasure what you do for them.</p>
</div>
@janstieler
Copy link

Hi,
have the same problem. Can anyone help?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants