html网页怎么插入视频 20
比如我的视频地址要放在那里呢 先谢谢各位大侠了 分我会后追加的
<div style="width: 667px; margin: 0 auto;">
<video width="667" height="375" controls>
<source src="E:\ktlx\IYOU.flv" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="FILE_NAME.ogv" type="video/ogg" />
<object width="667" height="375" type="application/x-shockwave-flash" data="FILE_NAME.swf">
<param name="movie" value="FILE_NAME.swf" />
<param name="flashvars" value="controlbar=over&image=PLACEHOLDER_FILE_NAME.jpg&file=FILE_NAME.mp4" />
<img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />
</object>
</video>
</div> 展开
可以用video标签插入视频。
1、新建html文件,在body标签中添加video标签,为video标签添加“src”属性,属性值为视频的位置,这时视频就被插入到网页中去了:
2、为video标签添加“controls”属性,不需要添加属性值,这时视频中将会出现视频控制按钮:
3、video默认的宽高是视频自身的宽高,可以通过添加“width”和“height”属性自定义视频的宽高:
4、为video添加“autoplay”属性,属性值为“autoplay”,这时当视频加载完成时会自动播放:
中src后面的是路径,type表示路径,codecs表示编码方式
你插入的视频,音乐,图片都是用src来连接的,,比如下面的
<img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />中表示图片的插入也是src表示路径,,
希望对你有用!
向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签。
前者兼容性相对好些,后者兼容性让人头疼。
示例如下:
<video width="602px" height="345px" controls="controls">
<source src="public/video/test.mp4" type="video/mp4"></source>
<source src="public/video/test.ogg" type="video/ogg"></source>
your browser does not support the video tag
</video>
当前,video 元素支持三种视频格式:
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
注:格式必须符合上面三条详细要求,比如MPEG 4,必须是H.264视频和AAC音频。
扩展资料:
HTML
超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
参考链接:HTML_百度百科
2017-09-06 · 知道合伙人互联网行家
知道合伙人互联网行家
向TA提问 私信TA
下面那句<source src 可以先注释掉或删除
还有你写了二种类型的播放代码,没必要,写VIDEO就可以了。
<OBJECT>到</OBJECT>这一整段全部删除
最后:<video width="667" height="375" controls>
<source src="你的视频路径地址.mp4" type="video/mp4"; /></video>这里注意视频格式转成MP4类型的
2020-08-29
<html>
<body>
<video src="URL">
</video>
</body>
扩展:height为高,weith宽,controls显示工具,autoplay自动播放