h5视频播放量统计

h5时代web播放器哪家强，当然h5自带的播放器了

video标签 填个视频链接地址（主流浏览器支持mp4,webm,ogg格式），一个友好简洁的视频就在网页生成了。

根据业务需求，需要统计视频的播放量，然后根据播放量的多少，对视频进行排序。播放量高的放在热点视频页面。

开发思路：

1.建立一个统计表  字段名有用户id(游客时默认为0)，视频id，用户ip,地区

2.每当用户触发点击播放按钮这个事件时，就向控制器发送一个请求，把用户 id  视频id ,用户ip插入到表中

3.然后利用sql查询各视频点击量

好了废话不多讲，直接上代码

js部分：播放事件（onplay）

<script>
var vid = document.getElementById("v所要播放视频id");
vid.onplay = function() 
{
   
    $.ajax({
            type:"post",
            url:"控制器地址",
            data:{videoid:'所要播放视频id',ipaddress:'用户ip地址'},
            success:function(data){
               
               
            },
            error:function(){
                alert('服务器错误');
            }
        });

};
</script> 

服务端部分：

服务端开发语言本砖用的是php

利用$_post[]变量把视频id 和用户的ip地址给带过来。或许有的同学会问用户ip地址怎样获取的啊。在下一篇博客里有讲

然后把相应的字段插入到表中

$sql语句：INSERT INTO `tb_click` ( `memberid`, `videoid`, `addtime`, `ipaddress`) VALUES ( '用户id', '视频id', now(), 'ip地址')

查询各视频点击量

$sql语句：select  count(videoid),videoid  from  tb_click   GROUP BY  videoid;  以videoid分组，然后统计个数，就是对应视频播放量。