Ленивая загрузка видео в javascript или jquery без какого-либо плагина - PullRequest
Новая
       6

Ленивая загрузка видео в javascript или jquery без какого-либо плагина

0 голосов
/ 19 марта 2020

Я пытаюсь лениво загрузить видео с jquery. Я использовал ту же самую ленивую технику загрузки для изображений и фоновых изображений, и она прекрасно работает, но когда я использовал ту же технику в видео, она не работала. То, что я делал до сих пор.

  • изменить атрибут источника sr c на data-sr c атрибут
  • , когда dom будет готов, затем изменить data-sr c атрибут sr c с теми же значениями.

Вот мой код

HTML


<div class="video-section">
            <video muted loop autoplay preload="auto">
            <source data-src="hello.mp4" type="video/mp4">
            </video>
        </div>

Javascript


let video_url=$("video source").attr("data-src");
$("video source").attr("src",video_url);

1 Ответ

0 голосов
/ 19 марта 2020

Проверьте, работает ли это для вас. 

var video_url=$("video source ").attr("data-src");

alert('Window loaded')

$(window).on('load', function(){
$("source").attr("src", video_url);
});
.video-section{width:450px; height:300px; border: 1px solid red}
.video-section video{width:100%; height:100%}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="video-section">
            <video width="320" height="240" controls autoplay>
  <source data-src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">

  Your browser does not support the video tag.
</video>
        </div>
...