js如何取QueryString并赋值给video的src属性
日期：2014-05-16 浏览次数：20545 次
js怎么取QueryString并赋值给video的src属性？
我想通过取QueryString来赋值给video的src属性以便这个页面可以播放不同的视频，请问该怎么写？谢谢
------解决方案--------------------
可以这样
访问方法
http://xxx.htm?url=http://www.html5rocks.com/zh/tutorials/video/basics/Chrome_ImF.webm
我想通过取QueryString来赋值给video的src属性以便这个页面可以播放不同的视频，请问该怎么写？谢谢
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div>
<video id="videoplayer" width="480" height="400" controls preload src=""> </video>
</div>
</body>
</html>
------解决方案--------------------
可以这样
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script>
//根据QueryString参数名称获取值
function getQueryStringByName(name){
var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));
if(result == null
------解决方案--------------------
result.length < 1){
return "";
}
return result[1];
}
function change(){
document.getElementById("videoplayer").src=getQueryStringByName("url")
}
</script>
</head>
<body>
<div>
<video id="videoplayer" width="880" height="400" autoplay loop controls src="http://vjs.zencdn.net/v/oceans.webm"></video>
<input type=button value="改变" onclick="change()" />
</div>
</body>
</html>
访问方法
http://xxx.htm?url=http://www.html5rocks.com/zh/tutorials/video/basics/Chrome_ImF.webm
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
