如何使用video标签判断一个服务器的url视音频资源是否有效

最新推荐文章于 2024-05-13 10:51:55 发布

亦双城的双子娴

最新推荐文章于 2024-05-13 10:51:55 发布

阅读量3k

点赞数 2

本文链接：https://blog.csdn.net/qq_39285178/article/details/115176476

版权

javascript js

公司内部对H5player播放器做了部分封装，在去渲染播放器的时候，一旦遇到一个url地址存在，但是实际的服务器文件不存在的时候，再去取渲染播放器就会失败，因此我想在渲染之前判断url地址是否有效，方法如下


                let video = document.createElement('video');
                video.src=_this.detailData.url//获取到的服务器地址
                video.onload = ()=>{
                  alert('success')
                }
                video.onerror = function() {
                    _this.$message.error('url地址渲染失败的回调')
                }
                video.oncanplaythrough = function() {
                  alert('渲染成功后会执行的回调函数，一旦渲染成功过，逻辑可以卸载这里')
                }