HTML | DOM 视频 src 属性

介绍

在 HTML 中，可以使用 <video> 元素来播放视频。<video> 元素具有一个 src 属性，用于指定要播放的视频文件的 URL。这个属性允许你在网页中嵌入并播放视频。

语法

以下是使用 src 属性为 <video> 元素指定视频 URL 的基本语法：

<video src="video_url"></video>

示例

下面是一个简单的示例，展示了如何使用 <video> 元素和 src 属性来播放视频：

<video src="sample.mp4" width="500" height="400" controls></video>

这个示例中的视频文件名为 sample.mp4，宽度为 500 像素，高度为 400 像素，并且显示了播放控制器。

控制视频播放

在使用 <video> 元素播放视频时，你可以通过 JavaScript 来控制视频的播放、暂停、停止等行为。

以下是一些常见的控制示例：

// 获取视频元素
var video = document.querySelector('video');

// 播放视频
video.play();

// 暂停视频
video.pause();

// 停止视频
video.currentTime = 0;
video.pause();

兼容性注意事项

• <video> 元素和 src 属性在大多数现代浏览器中得到良好的支持。
• 根据不同的浏览器和操作系统，可能需要提供不同视频格式的 URL，以确保在各种环境中都能正常播放。

总结

src 属性是 <video> 元素中的一个重要属性，它允许你指定要播放的视频文件的 URL。通过使用这个属性和其他相关的 JavaScript API，可以实现控制视频播放行为的交互效果。请注意浏览器兼容性和提供适当的视频格式，以确保视频在各种环境中正常播放。