简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > H5教程 > 正文

html5中重新加载音频/视频元素的方法load()

黄舟
发布： 2017-11-07 11:27:15
原创
8099 人浏览过

实例

更改视频来源，并重载视频：

document.getElementById("mp4_src").src="movie.mp4";
document.getElementById("ogg_src").src="movie.ogg";
document.getElementById("video1").load();
登录后复制

定义和用法

load() 方法重新加载音频/视频元素。

load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新。

浏览器支持

所有主流浏览器都支持 load() 方法，除了 Safari。

注释：Internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.load()
登录后复制

例子：

<!DOCTYPE html> 
<html> 
<body> 
<video id="video1" width="480" height="270" controls="controls">
 <source id="mp4_src" src="material/sample.mp4" type="video/mp4"/>    
 <source id="ogg_src" src="material/sample.ogv" type="video/ogg"/>
你的浏览器不支持HTML5 video.
</video>
<p>点击“切换视频”按钮，加载新的视频</p>

<button onclick="myFunction()">切换视频</button>
<script>
var vid = document.getElementById("video1");
function myFunction()  {
   document.getElementById("mp4_src").src = "material/sample2.mp4";
   document.getElementById("ogg_src").src = "material/sample2.ogv";
document.getElementById("video1").load();
}
</script> 
</body> 
</html>
登录后复制


以上是html5中重新加载音频/视频元素的方法load()的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
h5 html5 视频
来源：php.cn
上一篇：html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType() 下一篇：html5开始播放当前的音频或视频的方法
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
如何使用Javascript设置HTML5的required属性？ 我正在尝试在Javascript中将text输入框标记为必需。<inputid="edName"type="text"id="...
来自于 2023-10-13 08:52:25
0
2
317
无法获取鼠标准确坐标的问题：在调整页面大小时使用HTML5画布 我想从前端专家那里创建这个像素效果。虽然我能够在全屏画布上实现整个像素效果：constcanvas=getElementById('canvas');canvas.height=w...
来自于 2023-09-12 12:20:33
0
1
280
使用Base64编码的HTML5视频M3U8 我想在HTML5的Video标签中添加一个base64编码的M3U8文件，我该怎么做<!DOCTYPEhtml><htmllang="en"&...
来自于 2023-09-09 23:07:18
0
1
247
vue.js / bootstrap：未调用 onclick 事件方法，错误'找不到变量：updateDocument” 我是前端开发新手，但对HTML5、CSS和Javascript有基本了解。我创建了一个vue.js项目并添加了bootstrap和axios。我的应用程序加载数据并显示它们。但是，...
来自于 2023-09-09 20:06:48
0
1
362
XHTML中移除图像标签中的闭合斜杠'/' 我有一个存储图像的字符串txt1。它的值是XHTML格式，即元素已关闭：。但我需要删除该关闭斜杠，因此它可以是就像HTML5中一样。有没有办法做到这一点。
来自于 2023-09-06 12:15:38
0
1
240
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！