网站制作之视频播放

伴随年代的进步，网络技术日新月异。几年前，网站的表现形式还只不过表格，不同于目前 各种技术的进步，网站的内容已经变成了文字、图片、音频、视频等等。一段简短、精致的 视频可以非常不错地展示大家企业的实力，让大家的潜在顾客愈加的信赖大家。所以，怎么样有效 的在网站中插入视频是非常不错关键的。 第一，大家来认识视频引入标签video,与引入格式 video width=320 height=240 controls source src=movie.mp4 type=video/mp4 source src=movie.ogg type=video/ogg 你的浏览器不支持 video 标签。/video width===播放器在浏览器显示的宽度 height===播放器在浏览器显示的高度 controls===视频播放器控件，能控制视频播放、中止、全屏、声音大小等 引入之后在浏览器的展示结果如下图所示：

下面，大家认识一下视频的在网站的一些应用。譬如：大家要达成一个网站打开，先播放一段视频 在进入的网站的页面的成效 if condition=!session(is|play) div class=video|popup video controls=controls auTOPlay=auTOPlay id=myvideo width=100% height=100% source src=||IMG||/video/video.MP4 type=video/ogg / /video /div /if script type=text/javascript var myvideo=document.getElementById(myvideo); setTimeout(function(){ $(.video|popup).fadeOut(); myvideo.pause(); $.ajax({ type:post, url:{:U(Ajax/video)}, data:{is|play:1}, success:function(){ } }) }, 17000); /script 这个应用其实只不过设置一个定时器，时间一到，就隐藏视频播放页面。其中的session值是为了 达成页面首次打开播放视频，后面再进入这个页面不播放视频的成效。这里还有一个办法应该注意 就是pause办法，由于你只不过隐藏了，但视频还在播放，所以需要中止视频播放。 友情提示一下：最好不要把视频资源，和网站代码放在一块，由于视频资源一般都比较 大，如此会致使整个网站加载比较慢，从而导致网站打开速度慢，影响客户体验。假如可以，大家可以 选择把视频放到阿里云oss里面，如此大家仅需引入视频路径就能。 最后，大家也可以通过iframe src={$xinghao|curr.video|url} width=100% height=100% frameborder=0 allowfullscreen/iframe这个标签，来引入第三方视频