HTML5怎么播放视频

在HTML5中，播放视频非常简单，只需要使用`<video>`元素，配合一些属性即可。以下是基本的步骤：

1. 创建`<video>`元素：

<video controls>
</video>

这里的`controls`属性是可选的，它会显示默认的播放控件（如播放/暂停按钮，进度条等）。

2. 定义视频源：

<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg"> <!-- 或者添加其他格式 -->

这里列举了两个视频源，分别是MP4和Ogg格式，浏览器会自动检测哪种格式可用。

3. 可选属性：
- `width` 和 `height` 设置视频的实际尺寸，例如 `<video width="400" height="300">...</video>`
- `autoplay` 自动开始播放，但请注意用户体验，最好在用户交互后再启用。
- `loop` 循环播放，`muted` 静音等。

4. JavaScript控制：
如果想通过JavaScript动态调整视频，可以使用`addEventListener`监听事件，比如切换源：

var video = document.querySelector('video');
video.src = 'new_video.mp4';

注意，为了保证最大程度的兼容性，建议提供多种视频格式供不同浏览器选择。同时，对于流媒体，可以考虑使用WebRTC技术或其他专门的库来实现实时视频播放。