Question

<html>
    <head>
        <meta name="viewport" content="width=device-width">
    </head>
    <body>
        <video id="aPlayer" name="media" src="https://kerkdienstgemist.nl/streams/75528.mp3" type="audio/mpeg" controls >
        </video>
        <br/>
        <input id="srcCheck" type="button" value="Check aPlayer.src value" onclick="alert(aPlayer.src);">
    </body>
</html>

加载以上页面时，源https://kerkdienstgemist.nl/streams/75528.mp3重定向到： https://assets.kerkdienstgemist.nl/static/no_broadcast-c0e1ed59.mp3。没问题。

在单击播放之前单击按钮时，将显示初始URL。还好。但是，在单击播放后单击按钮时，尽管它已被重定向到新位置并播放流，但仍显示相同的URL。

为演示URL重定向，请单击链接：https://kerkdienstgemist.nl/streams/75528.mp3，您将在浏览器地址栏中看到其更改。

有什么建议吗？

Answer 1

我认为使用JavaScript检测重定向是不可能的原因，因为无论任何重定向，当前DOM的src属性都将保持不变。

即使我尝试使用代码创建播放器，也尝试过运气，如果我们在重定向视频后可以看到src。

<input id="srcCheck" type="button" value="Check aPlayer.src value" onclick="myFunction()">
<script>
        var x = document.createElement("VIDEO");
        x.setAttribute("id", "aPlayer");
        x.setAttribute("src", "https://kerkdienstgemist.nl/streams/75528.mp3");
        x.setAttribute("width", "320");
        x.setAttribute("height", "240");
        x.setAttribute("controls", "controls");
        document.body.appendChild(x);

    function myFunction() {
            var t = document.getElementById("aPlayer");
            console.log(t.src);
       }
    </script>

流重定向后，确定JavaScript中<audio>标记的来源

1 个答案: