认识

2024年02月23日

柏拉文

越努力，越幸运

一、认识

---

HTML <video> 元素 用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容，但是 <audio> 元素可能在用户体验上更合适。

video JavaScript API 继承自 HTMLMediaElement, 请前往 HTMLMediaElement 查看对应 HTMLMediaElement API。

二、语法

---

2.1 <video>

通过 <video> 标签创建 HTMLVideoElement 对象, HTMLVideoElement 对象继承至 HTMLMediaElement 对象

<video id="video"></video>

<script>
    const video = document.getElementById('video');
    console.dir(video)
</script>

2.2 document.createElement('video')

通过 document.createElement('video') 标签创建 HTMLVideoElement 对象, HTMLVideoElement 对象继承至 HTMLMediaElement 对象, 可以将它附加到文档中以供用户交互

const audio = document.createElement('audio');