多语言展示
当前在线:1293今日阅读:84今日分享:32

HTML5—在网页中插入视频方法

HTML5规范终于于2014年10月29日制定完成。这对编程人员来说绝对是大大的福利。因为它可以实现跨平台应用,并且在移动终端的表现非常良好。另外,HTML5也增加了一些新的标签,使得直接在网页中直接添加音视频成为可能。现在就来看下怎样在网页中直接添加视频吧。
工具/原料
1

软件以intellij idea为例(Dreamweaver、记事本等也可以)

2

一段视频

方法/步骤
1

首先,打开软件intellij idea,单击“文件 — 新项目”,然后在弹出的对话框中选择“static web”,单击“next”

2

在弹出对话框中,单击浏览,创建文件夹,单击'ok',接着单击”finish“

3

接着在左侧的video处单击右键,选择”新建—HTML file“,在弹出的对话框中设置文件名字,单击'ok'

4

然后对提前准备好的视频进行复制,然后粘贴到video文件下。在单击粘贴后会弹出一个copy对话框,单击”ok“即可。

5

在标签之间输入以下的代码   然后根据视频的格式选择一款右上角的浏览器,单击浏览器图标。

6

这时候,浏览器打开网页, 你就可以看到视频了。

注意事项

注意,浏览器并不能支持所有视频格式,所以在视频格式的选择上要注意。选择浏览器可支持的视频格式。

推荐信息