利用正则给所有的 video audio的 src属性修改资源地址

最新推荐文章于 2024-01-20 06:32:26 发布

歪比巴卜666

最新推荐文章于 2024-01-20 06:32:26 发布

阅读量638

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_46356598/article/details/124476170

版权


let html = `<div class="video-container">
        <div>视频</div>
        <video src="/video没有前缀的地址.mp4" autoplay width="300" height="300"></video>
    </div>
    <div class="audio-container">
        <div>音频</div>
        <audio id="audio" src="/audio没有前缀的地址.mp3" controls ></audio>
    </div>`


        function addHost(html, host) {
            let reg = /<(video|audio).*?src="(.*?)".*?>.*?<\/(video|audio)>/g;
            let result = html.match(reg);
            if (result) {
                for (let i = 0; i < result.length; i++) {
                    let videoUrl = result[i].match(/src="(.*?)"/)[1];
                    const video = result[i].replace(videoUrl, `${host + videoUrl}`)
                    html = html.replace(result[i], video);
                }
            }
            return html
        }

        console.log(addHost(html, '假装是前缀'));
        // 结果
        //  <div class="video-container">
        //     <div>视频</div>
        //     <video src="假装是前缀/video没有前缀的地址.mp4" autoplay width="300" height="300"></video>
        // </div>
        // <div class="audio-container">
        //     <div>音频</div>
        //     <audio id="audio" src="假装是前缀/audio没有前缀的地址.mp3" controls></audio>
        // </div>