服务热线 400-660-8066
长沙网站建设
随着时代的发展，互联网技术日新月异。几年前，网站的表现形式还只是表格，不同于现在
各种技术的发展，网站的内容已经变成了文字、图片、音频、视频等等。一段简短、精致的
视频可以很好地展现我们公司的实力，让我们的潜在客户更加的信任我们。所以，如何有效
的在网站中插入视频是很好重要的。
首先，我们来认识视频引入标签video，以及引入格式
videowidth=320height=240controls
sourcesrc=movie.mp4type=video/mp4
sourcesrc=movie.oggtype=video/ogg
您的浏览器不支持video标签。
/video
width===播放器在浏览器显示的宽度
height===播放器在浏览器显示的高度
controls===视频播放器控件，能控制视频播放、暂停、全屏、声音大小等
引入之后在浏览器的呈现结果如下图所示：
接下来，我们了解一下视频的在网站的一些应用。比如：我们要实现一个网站打开，先播放一段视频
在进入的网站的页面的效果
ifcondition=！session('is_play')
pclass=video-popu
videocontrols=controlsautoplay=autoplayid=myvideowidth=100%height=100%
sourcesrc=__IMG__/video/video.MP4type=video/ogg/
/video
/
/if
scripttype=text/javascript
varmyvideo=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里面，这样我们只需要引入视频路径就可以。
最后，我们也可以通过iframesrc='{$xinghao_curr.video_url}'width='100%'height='100%'frameborder=0allowfullscreen/iframe这个标签，来引入第三方视频
添加动力小姐姐微信
电话咨询
400-660-8066
