html src 视频,HTML 音频/视频 DOM src 属性

本文介绍了一种在HTML5中实现视频来源动态切换的方法,并详细解释了如何使用JavaScript来检查浏览器对不同视频格式的支持情况。此外,还提供了关于src属性的具体用法及其在不同浏览器中的兼容性说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

改变视频的来源:

改变视频的来源

您的浏览器不支持 HTML5 video 标签。

myVid = document.getElementById("video1");

function changeSource() {

isSupp = myVid.canPlayType("video/mp4");

if (isSupp == "") {

myVid.src = "/examples/movie.ogg";

} else {

myVid.src = "/examples/movie.mp4";

}

myVid.load();

}

Video courtesy of Big Buck Bunny.

定义和用法

src 属性设置或返回音频/视频的当前来源。

浏览器支持

fb4e7e34e85c62ddb894b07339dc40c4.gif

3673e2bac5591630e4e8cd7005919fac.gif

48e29a341e8fc497d1e2d0484fb56d3d.gif

202ff3d3d55f80d794ee49f3d747669b.gif

4e613d21d72674d1dbc28ce0a194b1b9.gif

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 src 属性。

注意:Internet Explorer 9 及之前的版本不支持 src 属性。

语法

设置 src 属性:

audio|video.src=URL

返回 src 属性:

audio|video.src

属性值

描述

URL

规定音频/视频来源的 URL。

可能的值:

绝对 URL - 指向另一个网站(比如 src="http://www.example.com/movie.ogg")

相对 URL - 指向网站内的一个文件(比如 src="movie.ogg)

技术细节

返回值:

字符串值,当前的音频/视频来源。

09ca7353185f4b8e75405966f3446dba.gif HTML 音频/视频 DOM 参考手册

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值