js怎么判断视频链接是否能播放

标题js怎么判断视频链接是否能播放

这个函数用提供的URL创建一个新的Video元素,并根据视频是否可以播放来解析一个Promise。它监听canplaythrough事件来确定视频是否可播放,并监听error事件来处理可能发生的任何错误。

javascript 复制代码
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);
    });
}

// Example usage
const videoUrl = 'https://www.example.com/video.mp4';
canPlayVideo(videoUrl)
    .then((result) => {
        if (result) {
            console.log('Video is playable');
        } else {
            console.log('Video is not playable');
        }
    });
相关推荐
freewlt18 小时前
React Server Components 深度解析
前端·react.js·前端框架
wordbaby18 小时前
一次跨端 Loading 卡死复盘:把请求计数从 Axios 拦截器迁到 try/catch/finally
前端·axios
我命由我1234518 小时前
JavaScript 开发 - 获取函数名称、获取函数参数数量、获取函数参数名称
开发语言·前端·javascript·css·html·html5·js
IT_陈寒19 小时前
JavaScript里这个隐式类型转换的坑,我终于爬出来了
前端·人工智能·后端
方呵呵19 小时前
一个 3.5k Star Vue H5 项目的二次进化:我把它重构成了 Monorepo 工程体系
前端
_风满楼19 小时前
HTTP 请求的五种传参方式
前端·javascript·后端
木斯佳20 小时前
前端八股文面经大全:字节暑期前端一面(2026-04-22)·面经深度解析
前端
光影少年20 小时前
前端线上屏幕出现卡顿如何排查?
开发语言·前端·javascript·学习·前端框架·node.js
Yeh20205820 小时前
request与response笔记
java·前端·笔记
像我这样帅的人丶你还20 小时前
前端监控体系与实践:从错误上报到内存与 GC 观测
前端·javascript·架构