使用javascript将视频源转换为HTML5视频播放器
当我在浏览器中打开页面时,有时视频没有加载,如果我刷新了视频从未加载的页面,我如何解决这两个问题 这是我的视频播放器的html使用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
<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();