今天琢磨着怎么在我那个简单的网页里头放个视频,搞一小会儿,记录一下过程。
我就想着,网页上加个视频,应该有现成的法子。上网随便扒拉一下,看到挺多人说用啥啥标签的。有好几种说法,有的说用这个,有的说用那个。
后来瞅见一个叫 embed 的标签,看着挺简单的。介绍说可以直接指定视频文件,还能设置宽和高。我想这个简单直接,就它。
动手试试
说干就干。我就把我那个视频文件准备然后在我的 html 文件里头,敲这么个东西:
<embed src="我的视频.mp4" width="640" height="480"></embed>
src 就写我那个视频文件的名字,得放在网页能访问到的地方。width 和 height 就是播放器的大小呗,我先随便设个 640x480。
写完之后,我就用浏览器打开这个网页文件看看效果。
看看效果咋样
在电脑上打开,视频真的出来!能播放,有声音,大小也对。心里挺美滋滋的,感觉这玩意儿用起来确实不难。
我也看到有人说,这个 embed 标签有点老,而且好像主要是在电脑上看比较稳妥,手机上可能就不行。我试着用手机浏览器开下,果然,要么显示不出来,要么就是个空白区域。
我还看到资料说,可以用 type 属性指定一下文件类型,比如 `type="video/mp4"` 这样。不过我试下,好像加不加对我这个 MP4 文件没啥太大影响,在电脑上都能播。
也看到有人提到一个叫 object 的标签,好像跟 embed 功能类似,有时候还套着用,说是为兼容性。不过我看一下,感觉那个写起来更麻烦一点,这回就没深入去搞它。
总结一下
用 embed 标签在网页里嵌个视频,确实挺直接的,代码量也少。
- 优点就是简单,写起来快。
- 缺点也明显,主要是兼容性问题,特别是手机端基本指望不上,而且能控制的选项好像不多。
对我这回这个小尝试来说,在电脑上能看到效果,就算是成功。不过要是正儿八经做网页给别人看,特别是要考虑手机用户的话,估计还是得用现在更主流的那个 video 标签才行。但今天就先折腾到这儿,把这个 embed 的用法过一遍。