html5如何更改video的src属性
发布网友
发布时间：2022-04-21 04:49
共3个回答
热心网友
时间：2022-04-20 00:36
一、什么是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>
热心网友
时间：2022-04-20 01:54
<!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完美实现，更新后直接播放，请采纳！
热心网友
时间：2022-04-20 03:28
使用如下方式修改视频的播放地址,参考链接:https://bbs.csdn.net/topics/392007814
var videoSrc = data.videoUrl;//新的视频播放地址
document.getElementById("videoid").src=videoSrc ;
document.getElementById("videoid").play();
