Skip to content

JavaScript 获取视频和图片加载状态

Published: at 10:12 AMSuggest Changes

问题

搜集所有的图片及视频的加载状态

解决

let imageList = document.querySelectorAll('#q-editor img');
for (let index = 0; index < imageList.length; index++) {
  const element = imageList[index];
  const imageUrl = element.getAttribute('src');
  element.addEventListener('load', () => {
    console.log('图片加载完成,重新传高度', imageUrl);
    getWebviewSize();
  });
}

// 视频搜集
let videoList = document.querySelectorAll('#q-editor video');
for (let index = 0; index < videoList.length; index++) {
  const element = videoList[index];
  const videoUrl = element.getAttribute('src');
  element.addEventListener('loadeddata', () => {
    console.log('视频加载完成,重新传高度', videoUrl);
    getWebviewSize();
  });
}

参考文章

图片状态

视频状态


Previous Post
JS 视频播放事件拦截
Next Post
Swift WKWebView 加载网页或本地文件