html插入视频的代码是什么_IT百科

工具／原料：

联想小新潮7000-13

Win 10

Visual Studio Code1.47.2

1、进入Visual Studio Code，新建html文件

打开Visual Studio Code软件，打开工作区空间，选择需要进行 *** 作的文件夹，点击上方的新建文件选项。

2、给html文件命名为video.html

在d出的文本框中给html文件命名，文件命名为video.html。

3、输入添加视频文件的代码

在新建的．html文件中输入添加视频文件的html代码：

<video src="../media/mi.mp4" autoplay="autoplay" muted="muted" controls="controls" loop="loop"></video>。

4、使用工具查看代码效果

在代码的空白区域右击—＞在d出的选项卡中选择Open In Default Browser选项。

5、显示视频文件

点击运行之后，在浏览器网页中显示添加的视频文件，点击播放按钮，正常播放视频。

1、插入音乐视频的代码

在网页中插入播放声音（如mp3等）、AVI动画和电影文件（如MPG等）的代码：

在代码窗口中的<body>和</body>之间插入以下代码：

【注解】

<EMBED…………………起始标记

SRC="url"……………源文件名

width="450"…………播放器的宽度

height="380"…………播放器的高度

HIDDEN="TRUE"………隐藏方式（对播放声音文件有用，对播放视频无用）

AUTOSTART="TRUE"……自动播放

autostart="false"……不自动播放，点击播放按钮后才播放。

LOOP="TRUE"…………循环播放

NAME="MySound"………嵌入对象名

</EMBED>………………结束标记

【例3】打开网页并点击播放器的播放按钮后才播放视频文件kkk.mpg：

【技巧】此法对制作课件特别有用，可在网页当前页播放视频动画。但是，打开网页时播放器总在网页的左侧，如何定位播放器的位置呢？其实插入此代码可以在设计视图中利用层来完成，实现方法是：在DW中的设计视图，插入层，鼠标定位于层内，在层内插入代码（按右键\点插入HTML，在d出的“插入HTML<>”窗口中的括号<>中间输入代码。如果要编辑修改代码，这样做：右击标签\编辑标签。）。通过移动层就可以准确定位播放器的位置了。

【视频格式转换】用超级解霸或会声会影可将VCD中的某个视频文件(.DAT)转换为视频文件(.mpg)。

【例4】打开网页后自动播放（就象背景音乐）声音文件mlh.mp3：

2、插入播放背景音乐（wav、midi、mp3）的代码

只要在代码窗口中的<head>和</head>标签之间以下代码即可：

【注】①Music File Name是背景音乐文件名，其格式可以是：.mid，.mp3，.wav，.wma，.rmi。

②n表示循环次数，若n为－1则表示无限循环。

③网页文件和音乐文件要在同一文件夹中。

【例5】无限循环播放背景音乐mlh.mp3：

1、首先打开sublime编译器，创建一个.html文件。

2、然后在title标签之间写上标题的名称，这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小，在video标签添加width和height属性。

5、最后在video标签之间添加source播放源，及其地址运行后，就会出现如下图视频窗口。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/11812160.html

html插入视频的代码是什么

发表评论

评论列表（0条）