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');
        }
    });
相关推荐
若简10 分钟前
cooke知识整理
前端
暖阳_xm10 分钟前
使用css实现动态loading
前端·css
onejason11 分钟前
利用 PHP 爬虫按关键字搜索淘宝商品
前端·php
markzzw13 分钟前
浏览器插件钱包(三) - 创建钱包
前端·web3·区块链
curdcv_po13 分钟前
好厉害🙇‍♂️怎么现在ai一个字一个字蹦出来,好像人打字喔
前端·chatgpt·ai编程
周星星日记14 分钟前
12.vue3中组件实现原理(下)之emit和slots
前端·vue.js·面试
赋范大模型技术社区16 分钟前
3万字详解MCP工具【开发、部署上线、维护】全流程!
前端·mcp
dsl_117 分钟前
axios重复请求解决方案
前端·javascript·axios
Haduo丶19 分钟前
100 行代码实现 react keep alive 功能
前端·react.js
拾荒旧痕20 分钟前
通过gird布局实现div的响应式分布排列
前端·javascript·css