烈性啤酒vi设计的核心价值在于为企业打造独特的品牌,烈性啤酒vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“烈性啤酒vi设计”配图为本公司设计作品
在HTML5标记中放置avideo很简单,对于任何给定的浏览器都不比放置图像复杂。在本文中,我们将充分利用内置的浏览器支持来构建尽可能简单的视频播放器。
我们将建立应用程序的基本框架,然后使用视频元素将avideo添加到网页中,完全不需要任何插件。
先决条件
使用Chrome、Safari或互联网浏览器9 .由于跨浏览器视频文件格式的问题,你暂时必须避免使用火狐浏览器和歌剧.尽管对视频元素的支持在所有现代浏览器中都是一致的,但MP4格式会绊倒火狐浏览器和歌剧.你可以在这里检查兼容性。
在你开始之前,你需要找到一个你可以使用的。mp4,如果你没有,你可以在网上找到很多免费的mp4文件。
建立基本框架
下面的代码是构建播放器的框架。它创建了一个简单的布局,并为视频本身提供了一个占位符。
您需要在工作目录中创建一个新的超文本标记语言文件,并将其命名为index.html,然后添加以下代码:
!文档类型超文本标记语言
超文本标记语言
头
meta charset='utf-8 '
titleHTML5视频播放器/标题
风格
正文{
字体系列:无衬线字体;
边框:0;
边距:0;
填充:0;
}
标题{
文本对齐:居中;
}
#player {
显示:表格;
宽度:100%;
填充:4px
}
#播放器部门{
显示:表格单元;
垂直对齐:顶部;
}
/风格
/头
身体
页眉
h1HTML5视频播放器/h1
/页眉
section id='player '
差异
!-视频会出现在这里-
/div
/部分
/body
/html
现在,有了基础,让我们通过将avideo添加到页面来获得播放器的有趣部分。
使用视频元素将视频添加到网页
设计HTML5的录像元素的目标是让视频在网页中的嵌入像嵌入图像一样简单。虽然您会遇到额外的复杂性,因为视频文件格式比图像格式功能更丰富,但设计目标已经达到。
下面是一个HTML5视频在铬中的样子:
下一个清单显示了显示视频所需的所有代码。如你所见,这并不复杂。
插入此代码代替"!视频将出现在这里—"在上面的代码中添加注释,确保将[您的视频]替换为。mp4的路径,并刷新页面。
视频src
注:本文“烈性啤酒vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐