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

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

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

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');
        }
    });

相关推荐

  1. js怎么判断视频是否播放

    2024-05-14 16:02:02       11 阅读
  2. WPF 怎么判断MediaElement视频播放完成

    2024-05-14 16:02:02       30 阅读
  3. js通过视频获取视频时长

    2024-05-14 16:02:02       14 阅读
  4. js-判断变量是否定义

    2024-05-14 16:02:02       21 阅读
  5. js判断是否PC端

    2024-05-14 16:02:02       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-14 16:02:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-14 16:02:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-14 16:02:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-14 16:02:02       18 阅读

热门阅读

  1. obsidian 使用 git 进行多终端同步

    2024-05-14 16:02:02       9 阅读
  2. AI编程工具为什么选github copilot?

    2024-05-14 16:02:02       15 阅读
  3. curl获取http请求的响应头

    2024-05-14 16:02:02       9 阅读
  4. Go语言数值类型教程

    2024-05-14 16:02:02       10 阅读
  5. 算法训练营day52,204. 计数质数

    2024-05-14 16:02:02       12 阅读
  6. Spring AOP切面实现为mapper层指定方法入参字段赋值

    2024-05-14 16:02:02       11 阅读
  7. 如何隐藏一个元素的滚动条

    2024-05-14 16:02:02       7 阅读
  8. 【sql】复习题

    2024-05-14 16:02:02       8 阅读
  9. 策略模式实战

    2024-05-14 16:02:02       10 阅读
  10. 学习嵌入式开发必须掌握的基础硬件知识

    2024-05-14 16:02:02       12 阅读