我嘗試使用 jquery 延遲加載視頻。我對圖像和背景圖像使用了相同的延遲加載技術，它工作得很好，但是當我在視頻中使用相同的技術時，它不起作用。到現在為止我做了什么。將源 src 屬性更改為 data-src 屬性當 dom 準備好后，將 data-src 屬性更改為具有相同值的 src 。這是我的代碼超文本標記語言<div class="video-section"> <video muted loop autoplay preload="auto"> <source data-src="hello.mp4" type="video/mp4"> </video> </div>JavaScriptlet video_url=$("video source").attr("data-src");$("video source").attr("src",video_url);
2 回答
呼如林
TA貢獻1798條經驗 獲得超3個贊
檢查這是否適合您。
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>
- 2 回答
- 0 關注
- 140 瀏覽
添加回答
舉報
0/150
提交
取消