网站建设之视频播放(视频网站建设费用明细)

 随着时代的发展，互联网技术日新月异。几年前，网站的表现形式还只是表格，不同于现在
   各种技术的发展，网站的内容已经变成了文字、图片、音频、视频等等。一段简短、精致的
   视频可以很好地展现我们公司的实力，让我们的潜在客户更加的信任我们。所以，如何有效
   的在网站中插入视频是很好重要的。

   首先，我们来认识视频引入标签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>这个标签，来引入第三方视频
 

以上就是关于网站建设之视频播放(视频网站建设费用明细)，希望对你有帮助，更多内容关注创新互联。

分享题目：网站建设之视频播放(视频网站建设费用明细)
网页URL：/news13/312863.html

成都网站建设公司_创新互联，为您提供品牌网站设计、外贸建站、网站设计、云服务器、品牌网站建设、移动网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联