html5如何更改video的src属性
添加了一个video和一个form，先要在form里填写url将其提交后，video的src变为提交的url。怎么做？（原谅我不太会说明）...
添加了一个video和一个form，先要在form里填写url将其提交后，video的src变为提交的url。怎么做？（原谅我不太会说明）
展开
3个回答
展开全部
一、什么是video的src属性
所谓的video的src属性是指给与 HTML 5 中的<video> 标签一定的属性赋值
其中包括如下几个属性
二、HTML 5 中如何更改video的src属性
<video src="movie.ogg" controls="controls">
浏览器不支持 video 标签。
</video>
这里以一段简单的 HTML 5 中的video代码作为实例进行解析
1、要更改video播放窗口的宽度和高度，那么，修改代码如下：
<video width="320" height="240"src="movie.ogg" controls="controls">
浏览器不支持 video 标签。
</video>
2、指定video播放窗口的宽度和高度并默认自动播放，那么，修改代码如下：
<video width="320" height="240"src="movie.ogg" controls="controls" autoplay>
浏览器不支持 video 标签。
</video>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<title>test video</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<input type="text" placeholder="enter video url to play." id="t_url">
<input type="button" value="play" id="t_btn">
<video src="movie.ogg" controls="controls" autoplay="false" id="v_video" preload='no'>
您的浏览器不支持 video 标签。
</video>
</div>
<script type="text/javascript">
$(function(){
$("#t_btn").click(function(){
if(!$("#t_url").val()){
alert("url不能为空.");
}else{
$("#v_video").attr("src",$("#t_url").val());//更新url
$("#v_video").attr("autoplay","true");//直接播放
}
});
});
</script>
</body>
</html>
已实测，chrome完美实现，更新后直接播放，请采纳！
<html>
<head>
<title>test video</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div>
<input type="text" placeholder="enter video url to play." id="t_url">
<input type="button" value="play" id="t_btn">
<video src="movie.ogg" controls="controls" autoplay="false" id="v_video" preload='no'>
您的浏览器不支持 video 标签。
</video>
</div>
<script type="text/javascript">
$(function(){
$("#t_btn").click(function(){
if(!$("#t_url").val()){
alert("url不能为空.");
}else{
$("#v_video").attr("src",$("#t_url").val());//更新url
$("#v_video").attr("autoplay","true");//直接播放
}
});
});
</script>
</body>
</html>
已实测，chrome完美实现，更新后直接播放，请采纳！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用如下方式修改视频的播放地址,参考链接:https://bbs.csdn.net/topics/392007814
var videoSrc = data.videoUrl;//新的视频播放地址
document.getElementById("videoid").src=videoSrc ;
document.getElementById("videoid").play();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
