网页制作怎么加MP4,用HTML代码

2024年11月29日 11:49
有5个网友回答
网友(1):

随着HTML5的推出,视频标签与现代浏览器很好的支持很快传播出去。视频标签用于视频添加到HTML页面。 目前最大的 HTML5视频标签, 支持3种类型的视频文件:

  • mp4 - MIME-type video/mp4

  • webm - MIME-type video/webm

  • ogg - MIME-type video/ogg

目前的视频标签由各大现代浏览器被支持得非常出色。

在没有h5推出前,是使用 <嵌入(embed)/>标签。这个标签并不需要一个结束/完成标签。它的工作原理,主要是,同为相片的标签。

此外,您还可以使用链接插入一个视频文件。

电影名

对于嵌入标签所支持的扩展

These are:

  • .swf - 制造于Macromedia Flash

  • .wmv - Microsoft Windows Media Video

  • .mov - Quick Time Movie, 属于苹果公司

  • .mpeg - 制作于Moving Pictures Expert Group.

最常用的是.MPEG和.SWF, 因为这些是压缩格式。

嵌入标签的属性

  • autostart - 设置在页面加载之后是否该文件就会自动运行。 可以具有true或false值。

  • hidden - 设置其按钮是否隐藏。 可以具有true或false值。

  • volume - 可以具有从0到100的任何值

  • loop- 设置在完成之后是否该文件将被重播。 可以具有true或false值。

playcount - 这确立着文件将多少次被重播。 例如 playcount playcount="2" 意味着它会被重播两次,之后将停止。

以使用嵌入标签插入视频

效果图:

网友(2):

目前,绝大多数主流的浏览器均支持HTML5,在页面上加mp4,推荐使用HTML5的video标签。

示例:


您的浏览器不支持 video 标签。

video标签的属性以及描述:

accesskey    规定访问元素的键盘快捷键    
class    规定元素的类名(用于规定样式表中的类)。    
contenteditable    规定是否允许用户编辑内容。    
contextmenu    规定元素的上下文菜单。    
dir    规定元素中内容的文本方向。    
draggable    规定是否允许用户拖动元素。    
dropzone    规定当被拖动的项目/数据被拖放到元素中时会发生什么。    
hidden    规定该元素是无关的。被隐藏的元素不会显示。    
id    规定元素的唯一 ID。    
lang    规定元素中内容的语言代码。    
spellcheck    规定是否必须对元素进行拼写或语法检查。    
style    规定元素的行内样式。    
tabindex    规定元素的 tab 键控制次序。    
title    规定有关元素的额外信息。

网友(3):

网友(4):

ie浏览器要版本6.0以上,具体代码:


网友(5):