Question

当我在浏览器中打开页面时，视频无法加载，如果我刷新页面视频从不加载，我该如何解决这两个问题？

这是我的视频播放器的HTML

<video width="320" height="240" controls>
                <source id="audioFile" src="" type="video/mp4">
                Your brow

这是从网址

获取视频文件名称的javascript代码

function getUrlParameters(parameter, staticURL, decode){
            var currLocation = (staticURL.length)? staticURL : window.location.search,
            parArr = currLocation.split("?")[1].split("&"),
            returnBool = true;
            for(var i = 0; i < parArr.length; i++){
                parr = parArr[i].split("=");
                if(parr[0] == parameter){
                    return (decode) ? decodeURIComponent(parr[1]) : parr[1];
                    returnBool = true;
                }else{
                    returnBool = false;
                }
            }
            if(!returnBool) return false;
        }
        var parameter = getUrlParameters("audioFile", "", true);
        document.getElementById('audioFile').src = parameter;
        document.getElementById('url').content = parameter;

Answer 1

当元素已插入source或video元素时，动态修改audio元素及其属性将不起作用。要更改正在播放的内容，只需直接使用媒体元素上的src属性＆lt; ...＆gt;

The source element

更改src元素的video属性（这将隐式调用load()方法）：

var parameter = getUrlParameters("audioFile", "", true);
document.querySelector('video').src = parameter;

或明确调用load()方法：

var parameter = getUrlParameters("audioFile", "", true);
document.getElementById('audioFile').src = parameter;
document.querySelector('video').load();

使用javascript将视频源转换为HTML5视频播放器

1 个答案: