视频文件可以用 HTML 的方式嵌入到 Markdown 中。
HTML5 <video>
元素
#
原生仅支持播放 ogg/mp4/webm 格式。不支持播放 FLV 格式视频。
Type | Filename Extension |
---|---|
video/ogg | ogg /ogv /ogm |
video/webm | webm |
video/mp4 | mp4 |
在 HTML 中嵌入视频:
<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls></video>
这个例子展示了一个带有回放控制器的可播放视频,视频来源于 Theora 网站。
然而,浏览器并不是都支持相同的
视频格式,所以你可以在 <source>
元素里提供多个视频源,然后浏览器将会使用它所支持的第一个源。
<video width="320" controls loop>
<source src="myVideo.mp4" type="video/mp4">
<source src="myVideo.webm" type="video/webm">
<source src="myVideo.ogv" type="video/ogg" />
</video>
属性:
- ‘‘controls’’ : 允许用户控制视频的播放,包括音量,跨帧,暂停/恢复播放。
- ‘‘width’’ : 视频显示区域的宽度,单位是CSS像素。
- ‘‘height’’ : 展示区域的高度,单位是CSS像素。
- ‘’loop’’ : 布尔属性;指定后,会在视频结尾的地方,自动返回视频开始的地方。
- ‘‘src’’ : 要嵌到页面的视频的URL。可选;你也可以使用video块内的
<source>
元素来指定需要嵌到页面的视频。
参阅 HTML5
<video>
元素, 和 使用 HTML5 音频和视频。
HTML 内联框架元素 <iframe>
#
<iframe>
能够将另一个 HTML 页面嵌入到当前页面中。
嵌入网络视频:
<iframe
src="https://v.miaopai.com/iframe?scid=SvyHaHOczsp7B6ftW86oqMMz62-h5ai6~Fwp8A__"
width="800"
height="450"
frameborder="0"
allowfullscreen>
</iframe>
嵌入线上视频 #
举例:进入 CCTV 网站,选择视频,点击视频右侧的 分享 按钮,点击 复制外嵌代码 粘贴到文档中: