如何检查浏览器对图像和视频的兼容性/支持？

Question

我只是想检查浏览器与 Reactjs 网站应用程序中的图像和视频的兼容性。如果图像/视频的扩展不支持，则它必须显示警报消息或操作。如何做到这一点？

尝试过Modernizr

Answer 1

我试过了，给定的代码对我有用：

videoBrowserSupportValidation() {
    const extension = filename.split('.').pop(); // This is to get extenstion of your video file and filename is video file name
    const vidpath1 = "video/";
    var obj = document.createElement('video');
    var videoType = obj.canPlayType(vidpath1+extension); 
    if (videoType == "") {
        console.log("Invalid file , browser does not recognize video formats ");          
        // write your action
    }
    else {
        console.log("Valid file");  
        // write your action
    }