实现功能:
1.点击播放视频,后台视频点击量增加
2.点赞按钮,点击为红色,后台视频赞数增加;再次点赞,按钮变为灰色,后台视频赞数不增加
前台点赞按钮:
<a href="#" id="zan-{{ v.id }}" name="iconfont zan">
<i class="iconfont zan"></i>
</a>
点赞 js:
$("#zan-{{ v.id }}").click(function () {
if (this.name == "iconfont zan") {
this.innerHTML = "<i class='iconfont unzan'></i>";
this.name = "iconfont unzan";
var likes = {{ v.like_num }} +1;
var url = "{{ url_for('grade.make_likes', id=project.id) }}";
var data_dic = {
'like': likes,
'video': '{{ v.id }}'
};
$.ajax({
type: 'POST',
url: url,
data: JSON.stringify(data_dic),
contentType: 'application/json; charset=UTF-8',
dataType: 'json',
success: function (data) {
window.history.back();
}
});
}
else {
this.innerHTML = "<i class='iconfont zan'></i>";
this.name = "iconfont zan";
var likess = {{ v.like_num }};
var urls = "{{ url_for('grade.make_likes', id=project.id) }}";
var data_dics = {
'like': likess,
'video': '{{ v.id }}'
};
$.ajax({
type: 'POST',
url: urls,
data: JSON.stringify(data_dics),
contentType: 'application/json; charset=UTF-8',
dataType: 'json',
success: function (data) {
window.history.back();
}
});
}
});
var myvideo1 = document.getElementById('myvideo-{{ v.id }}');
myvideo1.setAttribute("src", '{{ v.path }}');
myvideo1.addEventListener('play', function () {
var views = {{ v.view_num }} +1;
var url = "{{ url_for('grade.make_views', id=project.id) }}";
var data_dic = {
'view': views,
'video': '{{ v.id }}'
};
$.ajax({
type: 'POST',
url: url,
data: JSON.stringify(data_dic),
contentType: 'application/json; charset=UTF-8',
dataType: 'json',
success: function (data) {
}
});
});