html插入视频的代码是什么

html-css019

html插入视频的代码是什么,第1张

工具/原料:

联想小新潮7000-13

Win 10

Visual Studio Code1.47.2

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

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

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

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

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

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

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

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

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

5、显示视频文件

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

现在手机浏览器都支持html5,所以插入音频/视频的话,可以用html5标签,音频用audio标签,视频用video标签。

示例代码如下:

音频

<audio src="song.ogg" controls="controls"></audio>

视频

<video width="320" height="240" controls="controls">

  <source src="movie.ogg" type="video/ogg">

  <source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

这个播放视频分为三种的,一种是视频格式为.swf格式的,一种是格式为.flv格式的,还有一种是引用优酷或者新浪的,

先说第一种,这个有人已经问过了你看一下这个网址

http://zhidao.baidu.com/question/2203215546696265668

第二种是格式为flv格式的和这个差不多

<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="240">

<param name="movie" value="flvplayer.swf">

<param name="quality" value="high">

<param name="FlashVars" value="vcastr_file=images/1234.flv&LogoText=www.lanrentuku.com&BufferTime=3&IsAutoPlay=1">

<embed src="flvplayer.swf" allowfullscreen="true" flashvars="vcastr_file=1234.flv&LogoText=www.lanrentuku.com&IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="300" height="240"></embed>

</object>

第三种是引用优酷的

直接把这个代码复制到页面就可以了