前端判断视频是否在浏览器支持播放

一枚前端小卡拉米

于 2024-07-23 09:59:58 发布

阅读量276

点赞数 3

文章标签：前端音视频

本文链接：https://blog.csdn.net/webzichen/article/details/140627639

版权

function canPlayVideo(url) {
  return new Promise((resolve, reject) => {
      const video = document.createElement('video');
      video.src = url;
      video.addEventListener('canplaythrough', () => {
          resolve(true);
          video.remove();
      });
      video.addEventListener('error', () => {
          resolve(false);
          video.remove();
      });
      document.body.appendChild(video);
  });
}