Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/407.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript将视频源转换为HTML5视频播放器_Javascript_Html_Video_Html5 Video - Fatal编程技术网

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

使用javascript将视频源转换为HTML5视频播放器,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,当我在浏览器中打开页面时,有时视频没有加载,如果我刷新了视频从未加载的页面,我如何解决这两个问题 这是我的视频播放器的html <video width="320" height="240" controls> <source id="audioFile" src="" type="video/mp4"> Your brow 你的眉毛 这是从URL获取视频文件名称的javascript代码 functi

当我在浏览器中打开页面时,有时视频没有加载,如果我刷新了视频从未加载的页面,我如何解决这两个问题

这是我的视频播放器的html

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

你的眉毛
这是从URL获取视频文件名称的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;
函数getUrlParameters(参数、静态URL、解码){ var currLocation=(staticURL.length)?staticURL:window.location.search, parArr=currLocation.split(“?”[1]。split(“&”), returnBool=true; 对于(变量i=0;i 当元素已插入
视频
音频
元素时,动态修改
元素及其属性将无效。要更改正在播放的内容,只需直接使用媒体元素上的
src
属性

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

或者显式调用
load()
方法:

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

你是在问如何更改src吗?不是,我是在问如何解决视频有时无法加载以及刷新页面时出现的问题。设置
src
后,请尝试运行
document.getElementById('video').load()
var parameter = getUrlParameters("audioFile", "", true);
document.getElementById('audioFile').src = parameter;
document.querySelector('video').load();