如果 URL 在浏览器上包含视频或音频，如何使用 javascript 检查？

Question

我正在尝试使用这两个简单的函数来检查 URL 是否包含音频或视频：

        //For video

        var video = document.createElement("video");

        video.setAttribute("src", url);

        video.addEventListener("canplay", function() {

            console.log("video true");

        });

        video.addEventListener("error", function() {

            console.log("video false");

        });

        //For audio

        var audio = new Audio();

        audio.setAttribute("src", url);

        audio.addEventListener("canplay", function() {

            console.log("audio true");

        });

        audio.addEventListener("error", function() {

            console.log("audio false");

        });

问题是它们都为有效的音频和视频 URL 返回 true，解决方案是什么？

Answer 1

所以经过深入研究，我发现（在 HTML 中）音频实际上是一个没有尺寸的视频，所以你可以简单地使用这个：var video = document.createElement("video");video.setAttribute("src", url);video.addEventListener("canplay", function() {    console.log("video true");    console.log(video.videoHeight);});video.addEventListener("error", function() {    console.log("video false");});//audio => video true//         0//video => video true//         1080