工具/原料:
联想小新潮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>
第三种是引用优酷的
直接把这个代码复制到页面就可以了