网站建设之视频播放
随着时代的发展,互联网技术日新月异。几年前,网站的表现形式还只是表格,不同于现在
各种技术的发展,网站的内容已经变成了文字、图片、音频、视频等等。一段简短、精致的
视频可以很好地展现我们公司的实力,让我们的潜在客户更加的信任我们。所以,如何有效
的在网站中插入视频是很好重要的。
首先,我们来认识视频引入标签video,以及引入格式
width===播放器在浏览器显示的宽度
height===播放器在浏览器显示的高度
controls===视频播放器控件,能控制视频播放、暂停、全屏、声音大小等
引入之后在浏览器的呈现结果如下图所示:
在进入的网站的页面的效果
这个应用其实只是设置一个定时器,时间一到,就隐藏视频播放页面。其中的session值是为了
实现页面第一次打开播放视频,后面再进入这个页面不播放视频的效果。这里还有一个方法要注意
就是pause方法,因为你只是隐藏了,但是视频还在播放,所以需要暂停视频播放。
友情提示一下:好不要把视频资源,和网站代码放在一起,因为视频资源一般都比较
大,这样会导致整个网站加载比较慢,从而造成网站打开速度慢,影响用户体验。如果可以,我们可以
选择把视频放到阿里云oss里面,这样我们只需要引入视频路径就可以。
分享题目:网站建设之视频播放
网站路径:http://www.scdstjk.com/view/237578.html
各种技术的发展,网站的内容已经变成了文字、图片、音频、视频等等。一段简短、精致的
视频可以很好地展现我们公司的实力,让我们的潜在客户更加的信任我们。所以,如何有效
的在网站中插入视频是很好重要的。
首先,我们来认识视频引入标签video,以及引入格式
width===播放器在浏览器显示的宽度
height===播放器在浏览器显示的高度
controls===视频播放器控件,能控制视频播放、暂停、全屏、声音大小等
引入之后在浏览器的呈现结果如下图所示:

在进入的网站的页面的效果
这个应用其实只是设置一个定时器,时间一到,就隐藏视频播放页面。其中的session值是为了
实现页面第一次打开播放视频,后面再进入这个页面不播放视频的效果。这里还有一个方法要注意
就是pause方法,因为你只是隐藏了,但是视频还在播放,所以需要暂停视频播放。
友情提示一下:好不要把视频资源,和网站代码放在一起,因为视频资源一般都比较
大,这样会导致整个网站加载比较慢,从而造成网站打开速度慢,影响用户体验。如果可以,我们可以
选择把视频放到阿里云oss里面,这样我们只需要引入视频路径就可以。
最后,我们也可以通过这个标签,来引入第三方视频
分享题目:网站建设之视频播放
网站路径:http://www.scdstjk.com/view/237578.html
