Repository: hanyucd/movieweb_python
Branch: master
Commit: f3206df0b856
Files: 26
Total size: 102.6 KB

Directory structure:
gitextract_s4e40pa7/

├── .gitignore
├── README.md
└── movieweb/
    ├── db.sqlite3
    ├── manage.py
    ├── movieweb/
    │   ├── __init__.py
    │   ├── settings.py
    │   ├── urls.py
    │   └── wsgi.py
    └── videoplay/
        ├── __init__.py
        ├── admin.py
        ├── forms.py
        ├── migrations/
        │   ├── 0001_initial.py
        │   └── __init__.py
        ├── models.py
        ├── serializers.py
        ├── static/
        │   ├── home_page.css
        │   ├── user_login.css
        │   ├── user_regist.css
        │   ├── video_play.css
        │   └── video_play.js
        ├── templates/
        │   ├── index.html
        │   ├── user_login.html
        │   ├── user_regist.html
        │   └── video.html
        ├── tests.py
        └── views.py

================================================
FILE CONTENTS
================================================

================================================
FILE: .gitignore
================================================
# git 提交忽略的文件

*.pyc


================================================
FILE: README.md
================================================
## 网站相关技术：

django 框架搭建整个网站

bootstrap 作为前端样式框架

使用微信 JS-SDK 开发工具包，对接微信分享API,使之视频播放页面支持微信分享

python 用于程序后台逻辑处理

使用 django 自带的数据库 Sqlite3 存储网站数据

> Admin（后台管理）:

用户名：root      密码：root


## 项目环境相关依赖：

Django 安装：
```bash
> $ pip install Django==1.8.13

```

Django REST framework 安装：
```bash
> $ pip install djangorestframework

```

Django REST Swagger 安装：
```bash
> $ pip install django-rest-swagger

```

Requests 安装：
```bash
> $ pip install requests

```

## 项目运行：

```bash
> $ python manage.py runserver 端口

```


## 项目展示：
__[视频网站（部分内容）](http://oojestrjh.bkt.clouddn.com/movieweb/index.html)__

> PC 端

 __首页:__

![网站首页](./image/pc_movie01.jpg "首页")

 __播放页面:__

![网站播放页面](./image/pc_movie02.jpg "播放页面")

> 移动端

![移动端效果](./image/mobile.jpg "移动端效果")

© Movie website. Developer by [hanyu](https://github.com/hanyucd).


================================================
FILE: movieweb/manage.py
================================================
#!/usr/bin/env python
import os
import sys

if __name__ == "__main__":
    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "movieweb.settings")

    from django.core.management import execute_from_command_line

    execute_from_command_line(sys.argv)


================================================
FILE: movieweb/movieweb/__init__.py
================================================


================================================
FILE: movieweb/movieweb/settings.py
================================================
"""
Django settings for movieweb project.

Generated by 'django-admin startproject' using Django 1.8.13.

For more information on this file, see
https://docs.djangoproject.com/en/1.8/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.8/ref/settings/
"""

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = '&7!w5(_zz(3ar)hkvkl1kwg=wn&e!5pt#9xs(xjeo0%wm1665c'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'videoplay',
    'rest_framework',
    'rest_framework_swagger',
)

MIDDLEWARE_CLASSES = (
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'django.middleware.security.SecurityMiddleware',
)

ROOT_URLCONF = 'movieweb.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'movieweb.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.8/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': 'movieweb.db',
        # 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}


# Internationalization
# https://docs.djangoproject.com/en/1.8/topics/i18n/

LANGUAGE_CODE = 'zh-hans'
# LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.8/howto/static-files/

STATIC_URL = '/static/'


================================================
FILE: movieweb/movieweb/urls.py
================================================
# -*- coding: UTF-8 -*-
"""movieweb URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
    https://docs.djangoproject.com/en/1.8/topics/http/urls/
Examples:
Function views
    1. Add an import:  from my_app import views
    2. Add a URL to urlpatterns:  url(r'^$', views.home, name='home')
Class-based views
    1. Add an import:  from other_app.views import Home
    2. Add a URL to urlpatterns:  url(r'^$', Home.as_view(), name='home')
Including another URLconf
    1. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import include, url
from django.contrib import admin

from videoplay.views import index, play, regist, login

# 实现swagger code
from videoplay import views
from rest_framework import renderers, response, schemas
from rest_framework.decorators import api_view, renderer_classes
from rest_framework.routers import DefaultRouter
from rest_framework_swagger.renderers import OpenAPIRenderer, SwaggerUIRenderer

@api_view()
@renderer_classes([SwaggerUIRenderer, OpenAPIRenderer, renderers.CoreJSONRenderer])
def schema_view(request):
    generator = schemas.SchemaGenerator(title='Data API')
    return response.Response(generator.get_schema(request=request))
# Routers（路由）提供了一种简单的方法来自动生成URL配置
router = DefaultRouter()
router.register(r'movie', views.SnippetViewSet)

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^regist/$', regist),
    url(r'^$', login),
    url(r'^movie/$', index),
    url(r'^movie/video_(?P<id>\d{1,2}).html$', play),

    url(r'^swagger$', schema_view),
    url(r'^', include(router.urls)),
    # url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework'))
]


================================================
FILE: movieweb/movieweb/wsgi.py
================================================
"""
WSGI config for movieweb project.

It exposes the WSGI callable as a module-level variable named ``application``.

For more information on this file, see
https://docs.djangoproject.com/en/1.8/howto/deployment/wsgi/
"""

import os

from django.core.wsgi import get_wsgi_application

os.environ.setdefault("DJANGO_SETTINGS_MODULE", "movieweb.settings")

application = get_wsgi_application()


================================================
FILE: movieweb/videoplay/__init__.py
================================================


================================================
FILE: movieweb/videoplay/admin.py
================================================
from django.contrib import admin
from videoplay.models import Movie, User, UserComment, MoviePay
# Register your models here.

admin.site.register(Movie)
admin.site.register(User)
admin.site.register(UserComment)
admin.site.register(MoviePay)


================================================
FILE: movieweb/videoplay/forms.py
================================================
# -*- coding: UTF-8 -*-
# 导入表单
from django import forms
''' 用户注册/登录数据 '''
class UserForm(forms.Form):
    username = forms.CharField(max_length = 20)
    password = forms.IntegerField()

''' 用户评论数据 '''
class UserCommentForm(forms.Form):
    user_comment = forms.CharField(max_length = 300)
    
''' 电影支付数据 '''
class MoviePayForm(forms.Form):
    movie_pay = forms.IntegerField()


================================================
FILE: movieweb/videoplay/migrations/0001_initial.py
================================================
# -*- coding: utf-8 -*-
from __future__ import unicode_literals

from django.db import migrations, models


class Migration(migrations.Migration):

    dependencies = [
    ]

    operations = [
        migrations.CreateModel(
            name='Movie',
            fields=[
                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
                ('movie', models.CharField(max_length=100)),
            ],
        ),
        migrations.CreateModel(
            name='MoviePay',
            fields=[
                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
                ('pay_username', models.CharField(max_length=20)),
                ('movie_id', models.IntegerField()),
                ('movie_pay', models.IntegerField()),
            ],
        ),
        migrations.CreateModel(
            name='User',
            fields=[
                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
                ('username', models.CharField(max_length=20)),
                ('password', models.IntegerField()),
            ],
        ),
        migrations.CreateModel(
            name='UserComment',
            fields=[
                ('id', models.AutoField(verbose_name='ID', serialize=False, auto_created=True, primary_key=True)),
                ('comment_username', models.CharField(max_length=20)),
                ('user_comment', models.CharField(max_length=300)),
                ('comment_time', models.CharField(max_length=40)),
            ],
        ),
    ]


================================================
FILE: movieweb/videoplay/migrations/__init__.py
================================================


================================================
FILE: movieweb/videoplay/models.py
================================================
#  -*- coding: UTF-8 -*-
from django.db import models
# Create your models here.

''' 视频 URL 存数据库 '''
class Movie(models.Model):
    movie = models.CharField(max_length = 100)

    def __str__(self):
        return self.movie

''' 用户名 存数据库 '''
class User(models.Model):
    username = models.CharField(max_length = 20)
    password = models.IntegerField()

    def __str__(self):
        return '%s | %s' % (self.username, self.password)

''' 用户评论 存数据库 '''
class UserComment(models.Model):
    comment_username = models.CharField(max_length = 20)
    user_comment = models.CharField(max_length = 300)
    comment_time = models.CharField(max_length = 40)

    def __str__(self):
        return "%s : %s | %s" % (self.comment_username, self.user_comment, self.comment_time)
''' 用户支付 存数据库 '''
class MoviePay(models.Model):
    pay_username = models.CharField(max_length = 20)
    movie_id = models.IntegerField()
    movie_pay = models.IntegerField()

    def __str__(self):
        return "user: %s / movie_id: %d / pay: %d" % (self.pay_username, self.movie_id, self.movie_pay)


================================================
FILE: movieweb/videoplay/serializers.py
================================================
# -*- coding: UTF-8 -*-
from rest_framework import serializers
from videoplay.models import Movie

# Serializers(序列化器)定义了如何展示API
class MovieSerializer(serializers.HyperlinkedModelSerializer):

    class Meta:
        model = Movie
        fields = ('movie',)


================================================
FILE: movieweb/videoplay/static/home_page.css
================================================
#user {
  padding-left: 10px;
  margin-top: 20px
}

.figures_lists {
  margin-left: 0;
  padding: 0;
  list-style-type: none;
}
.list_item {
  display: inline-block;
  /*float: left;*/
  vertical-align: top;
  margin-bottom: 20px;
  position: relative;
}
.label_title {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1CBF11;
  border-radius: 10px;
}
.label_font {
  color: #fff;
  padding: 0 5px;
}
#my-content {
  margin: 25px auto;
  padding: 0 10px;
}
#my-content:first-child {
  padding: 0;
}
.figure_title>a {
  display: block;
}
.figure img {
  width: 80%;
}
.new_image {
  position: absolute;
  top: 0;
  left: 0;
}
/*@media 设备类型 and|only|not (设备特性) {样式代码}*/
@media handheld and (max-device-width: 768px) {
  .nav>li {
    display: inline-table;
    margin-right: 10px;
  }
  .container {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
  }
  .list_item {
    width: 32%;
  }
}
@media screen and (max-width: 768px) {
  .nav>li {
    display: inline-block;
    margin-right: 10px;
  }
  .container {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
  }
  .list_item {
    width: 32%;
  }
}


================================================
FILE: movieweb/videoplay/static/user_login.css
================================================
#cont {
  margin: auto;
  margin-top: 150px;
  width: 500px;
}
a {
  float: right;
}
.my_btn {
  margin-left: 30px;
}


================================================
FILE: movieweb/videoplay/static/user_regist.css
================================================
#cont {
  margin: auto;
  margin-top: 150px;
  width: 800px;
  /*border: 1px solid black;*/
}
#btn {
  padding-left: 5px;
}


================================================
FILE: movieweb/videoplay/static/video_play.css
================================================
div.container{
  margin-top: 50px;
}
.my_font {
  font-size: 20px;
  font-weight: bolder;
}
#all_comment {
  margin-top: 15px;
  border-bottom: 1px solid #87CEFA;
}
.single_comment {
  min-height: 100px;
  display: flex;
  margin-bottom: 3px;
  border-bottom: 1px solid #D8D8D8;
}
.username {
  min-width: 100px;
  margin: auto 0;
}
.contents {
  padding: 15px;
  min-width: 600px;
}
.comment_time {
  margin: auto 0;
}


================================================
FILE: movieweb/videoplay/static/video_play.js
================================================
// alert('js代码引入成功....')
// var my_video = document.getElementById("my_video");
// my_video.ontimeupdate = function() {
//   var currentTime = my_video.currentTime;
//   var duration = my_video.duration;
//   document.getElementById("current_time").innerHTML = currentTime;
//   document.getElementById('video_duration').innerHTML = duration;
//   if (currentTime >= 60) {
//     // my_video.load();
//     my_video.pause();
//   }
// }


================================================
FILE: movieweb/videoplay/templates/index.html
================================================
<!DOCTYPE html>
<html>
<head>
  <title>小宇视频</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

  <meta name="viewport" content="width=device-width, height=divice-height, inital-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  {% load staticfiles %}
  <link type="text/css" rel="stylesheet" href="{% static 'home_page.css' %}">
</head>
<body>
  <div class="container">
    <div id="user">
      {% if error %}
        <p class="text-danger">☹ 欧漏。你还未登录 or 用户名存储已过期，可重新<a href="/">登录</a> ……</p>
      {% else %}
        <p class="text-primary">☺ 登录成功。欢迎用户 {{ username }}，来到小宇视频 ……</p>
      {% endif %}
    </div>

    <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
      	<!-- 轮播（Carousel）指标 -->
      	<ol class="carousel-indicators">
      		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      		<li data-target="#myCarousel" data-slide-to="1"></li>
      		<li data-target="#myCarousel" data-slide-to="2"></li>
      		<li data-target="#myCarousel" data-slide-to="3"></li>
      	</ol>
      	<!-- 轮播（Carousel）项目 -->
      	<div class="carousel-inner">
          <div class="item active">
      			<a href="video_11.html" target="_blank"><img src="{% static 'images/BingHeShiDai4.jpg' %}" alt="冰河时代4" /></a>
      		</div>
      		<div class="item">
      			<a href="video_12.html" target="_blank"><img src="{% static 'images/GongFuXiongMao3.jpg' %}" alt="功夫熊猫3" /></a>
      		</div>
      		<div class="item">
      			<a href="video_13.html" target="_blank"><img src="{% static 'images/XianXiaXueXuan.jpg' %}" alt="仙侠学院" /></a>
      		</div>
          <div class="item">
            <a href="video_14.html" target="_blank"><img src="{% static 'images/CiWeiXiaoZi.jpg' %}" alt="刺猬小子" /></a>
          </div>
      	</div>
      	<!-- 轮播（Carousel）导航 -->
      	<a class="carousel-control left" href="#myCarousel"
      	   data-slide="prev">&lsaquo;</a>
      	<a class="carousel-control right" href="#myCarousel"
      	   data-slide="next">&rsaquo;</a>
     </div>

    <div>
      <hr />
      <ul class="nav nav-tabs nav-justified" id="index">
        <li class="active"><a href="#tab0" data-toggle="tab">动作</a></li>
        <li><a href="#tab1" data-toggle="tab">冒险</a></li>
        <li><a href="#tab2" data-toggle="tab">喜剧</a></li>
        <li><a href="#tab3" data-toggle="tab">动画</a></li>
        <li><a href="#tab4" data-toggle="tab">科幻</a></li>
        <li><a href="#tab5" data-toggle="tab">犯罪</a></li>
        <li><a href="#tab6" data-toggle="tab">爱情</a></li>
        <li><a href="#tab7" data-toggle="tab">武侠</a></li>
      </ul>
    </div>

    <div class="tab-content" id="my-content">
      <div class="tab-pane fade in active" id="tab0">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/01.jpg' %}" alt="澳门风云3">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="澳门风云3">澳门风云3</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/02.jpg' %}" alt="唐人街探案">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="唐人街探案">唐人街探案</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/03.jpg' %}" alt="鬼吹灯之寻龙诀">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="鬼吹灯之寻龙诀">鬼吹灯之寻龙诀</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/04.jpg' %}" alt="魔卡行动">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="魔卡行动">魔卡行动</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/05.jpg' %}" alt="猛龙特囧">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="猛龙特囧">猛龙特囧</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/06.jpg' %}" alt="解救吾先生">
            </a>
            <image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="解救吾先生">解救吾先生</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/07.jpg' %}" alt="西游记之大圣归来">
            </a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="西游记之大圣归来">西游记之大圣归来</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/08.jpg' %}" alt="九层妖塔">
            </a>
            <image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_8.html" target="_blank" title="九层妖塔">九层妖塔</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/09.jpg' %}" alt="道士下山">
            </a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="道士下山">道士下山</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/10.jpg' %}" alt="杀破狼2">
            </a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_10.html" target="_blank" title="杀破狼2">杀破狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/11.jpg' %}" alt="一万年以后">
            </a>
            <image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="一万年以后">一万年以后</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Action/12.jpg' %}" alt="饥饿游戏3：嘲笑鸟(上)">
            </a>
            <image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="饥饿游戏3：嘲笑鸟(上)">饥饿游戏3：嘲笑鸟(上)</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Action/13.jpg' %}" alt="神探驾到">
    				</a>
            <image class="new_image" src="{% static 'images/new-blue.gif' %}"/>
    				<strong class="figure_title">
    					<a _boss="film" href="video_13.html" target="_blank" title="神探驾到">神探驾到</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Action/14.jpg' %}" alt="钟馗伏魔：雪妖魔灵">
    				</a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
    				<strong class="figure_title">
    					<a _boss="film" href="video_14.html" target="_blank" title="钟馗伏魔：雪妖魔灵">钟馗伏魔：雪妖魔灵</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Action/15.jpg' %}" alt="一个人的武林">
    				</a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
    				<strong class="figure_title">
    					<a _boss="film" href="video_15.html" target="_blank" title="一个人的武林">一个人的武林</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Action/16.jpg' %}" alt="富春山居图">
    				</a>
            <image class="new_image" src="{% static 'images/hot-yellow.gif' %}"/>
    				<strong class="figure_title">
    					<a _boss="film" href="video_16.html" target="_blank" title="富春山居图">富春山居图</a>
    				</strong>
			    </li>
        </ul>
      </div>

      <div class="tab-pane fade" id="tab1">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/01.jpg' %}" alt="星球大战：原力觉醒">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="星球大战：原力觉醒">星球大战：原力觉醒</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/02.jpg' %}" alt="一个勺子">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_2.html" target="_blank" title="一个勺子">一个勺子</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/03.jpg' %}" alt="狂野飞车">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_3.html" target="_blank" title="狂野飞车">狂野飞车</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/04.jpg' %}" alt="白幽灵传奇之绝命逃亡">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_4.html" target="_blank" title="白幽灵传奇之绝命逃亡">白幽灵传奇之绝命逃亡</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/05.jpg' %}" alt="我是谁2015">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_5.html" target="_blank" title="我是谁2015">我是谁2015</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/06.jpg' %}" alt="智取威虎山">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_6.html" target="_blank" title="智取威虎山">智取威虎山</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/07.jpg' %}" alt="末日浩劫">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_7.html" target="_blank" title="末日浩劫">末日浩劫</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/08.jpg' %}" alt="分歧者：异类觉醒">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_8.html" target="_blank" title="分歧者：异类觉醒">分歧者：异类觉醒</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/09.jpg' %}" alt="神通佛影">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/10.jpg' %}" alt="庞贝末日">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Adventure/11.jpg' %}" alt="横冲直撞好莱坞">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/12.jpg' %}" alt="神通佛影">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="神通佛影">神通佛影</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/13.jpg' %}" alt="庞贝末日">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_13.html" target="_blank" title="庞贝末日">庞贝末日</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/14.jpg' %}" alt="横冲直撞好莱坞">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_14.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/15.jpg' %}" alt="美人鱼">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_15.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/16.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/17.jpg' %}" alt="哥斯拉">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/18.jpg' %}" alt="美国队长2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/19.jpg' %}" alt="金刚狼2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/20.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Adventure/21.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

        </ul>
      </div>

      <div class="tab-pane fade" id="tab2">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/01.jpg' %}" alt="超能太监">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="超能太监">超能太监</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/02.jpg' %}" alt="致我们终将到来的爱情">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_2.html" target="_blank" title="致我们终将到来的爱情">致我们终将到来的爱情</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/03.jpg' %}" alt="一念天堂">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_3.html" target="_blank" title="一念天堂">一念天堂</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/04.jpg' %}" alt="浪漫天降">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_4.html" target="_blank" title="浪漫天降">浪漫天降</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/05.jpg' %}" alt="恶棍天使">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_5.html" target="_blank" title="恶棍天使">恶棍天使</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Comedy/06.jpg' %}" alt="万万没想到">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_6.html" target="_blank" title="万万没想到">万万没想到</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/07.jpg' %}" alt="美人鱼">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/08.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/09.jpg' %}" alt="哥斯拉">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_10.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/10.jpg' %}" alt="美国队长2">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/11.jpg' %}" alt="金刚狼2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/12.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/13.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/14.jpg' %}" alt="美人鱼">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/15.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/16.jpg' %}" alt="哥斯拉">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Comedy/17.jpg' %}" alt="美国队长2">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

        </ul>
      </div>

      <div class="tab-pane fade" id="tab3">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/01.jpg' %}" alt="阿里巴巴2所罗门封印">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_11.html" target="_blank" title="阿里巴巴2所罗门封印">阿里巴巴2所罗门封印</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/02.jpg' %}" alt="乐高史酷比：闹鬼的好莱坞">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_12.html" target="_blank" title="乐高史酷比：闹鬼的好莱坞">乐高史酷比：闹鬼的好莱坞</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/03.jpg' %}" alt="疯狂动物城">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_13.html" target="_blank" title="疯狂动物城">疯狂动物城</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/04.jpg' %}" alt="功夫熊猫3">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_4.html" target="_blank" title="功夫熊猫3">功夫熊猫3</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/05.jpg' %}" alt="青蛙王国之冰冻大冒险">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_15.html" target="_blank" title="青蛙王国之冰冻大冒险">青蛙王国之冰冻大冒险</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/06.jpg' %}" alt="丛林大反攻4:吓傻了">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="丛林大反攻4:吓傻了">丛林大反攻4:吓傻了</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/07.jpg' %}" alt="果宝特攻之水果大逃亡">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_2.html" target="_blank" title="果宝特攻之水果大逃亡">果宝特攻之水果大逃亡</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/08.jpg' %}" alt="年兽大作战">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_3.html" target="_blank" title="年兽大作战">年兽大作战</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/09.jpg' %}" alt="熊出没之熊心归来">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_9.html" target="_blank" title="熊出没之熊心归来">熊出没之熊心归来</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/10.jpg' %}" alt="小门神">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_10.html" target="_blank" title="小门神">小门神</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/11.jpg' %}" alt="夺旗">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_11.html" target="_blank" title="夺旗">夺旗</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/12.jpg' %}" alt="小王子">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_12.html" target="_blank" title="小王子">小王子</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/13.jpg' %}" alt="极地大反攻">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_13.html" target="_blank" title="极地大反攻">极地大反攻</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/14.jpg' %}" alt="咕噜咕噜美人鱼">
    					<span></span>
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_14.html" target="_blank" title="咕噜咕噜美人鱼">咕噜咕噜美人鱼</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/15.jpg' %}" alt="海绵宝宝">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_15.html" target="_blank" title="海绵宝宝">海绵宝宝</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Cartoon/16.jpg' %}" alt="洛克王国4:出发！巨人谷">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="洛克王国4:出发！巨人谷">洛克王国4:出发！巨人谷</a>
    				</strong>
			    </li>
        </ul>
      </div>

      <div class="tab-pane fade" id="tab4">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/01.jpg' %}" alt="美人鱼">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/02.jpg' %}" alt="复仇者联盟2：奥创纪元">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_12.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/03.jpg' %}" alt="哥斯拉">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/04.jpg' %}" alt="美国队长2">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/05.jpg' %}" alt="金刚狼2">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/06.jpg' %}" alt="恶魔蜘蛛王">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/07.jpg' %}" alt="永不失败的国家">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/08.jpg' %}" alt="复仇者联盟">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_8.html" target="_blank" title="复仇者联盟">复仇者联盟</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/09.jpg' %}" alt="极盗者">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_9.html" target="_blank" title="极盗者">极盗者</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/10.jpg' %}" alt="蚁人">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_10.html" target="_blank" title="蚁人">蚁人</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/11.jpg' %}" alt="终结者：创世纪">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="终结者：创世纪">终结者：创世纪</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/12.jpg' %}" alt="猴子王国">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_2.html" target="_blank" title="猴子王国">猴子王国</a>
    				</strong>
			      </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/13.jpg' %}" alt="明星伙伴电影版">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_3.html" target="_blank" title="明星伙伴电影版">明星伙伴电影版</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/14.jpg' %}" alt="港囧">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_14.html" target="_blank" title="港囧">港囧</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/15.jpg' %}" alt="夏洛特烦恼">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_15.html" target="_blank" title="夏洛特烦恼">夏洛特烦恼</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Science/16.jpg' %}" alt="华丽上班族">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_16.html" target="_blank" title="华丽上班族">华丽上班族</a>
    				</strong>
			    </li>

        </ul>
      </div>

      <div class="tab-pane fade" id="tab5">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/01.jpg' %}" alt="一万年以后">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="一万年以后">一万年以后</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/02.jpg' %}" alt="饥饿游戏3：嘲笑鸟(上)">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="饥饿游戏3：嘲笑鸟(上)">饥饿游戏3：嘲笑鸟(上)</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/03.jpg' %}" alt="神探驾到">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_13.html" target="_blank" title="神探驾到">神探驾到</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/04.jpg' %}" alt="钟馗伏魔：雪妖魔灵">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_14.html" target="_blank" title="钟馗伏魔：雪妖魔灵">钟馗伏魔：雪妖魔灵</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/05.jpg' %}" alt="一个人的武林">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_15.html" target="_blank" title="一个人的武林">一个人的武林</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/06.jpg' %}" alt="富春山居图">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_1.html" target="_blank" title="富春山居图">富春山居图</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/07.jpg' %}" alt="末日浩劫">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_2.html" target="_blank" title="末日浩劫">末日浩劫</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/08.jpg' %}" alt="分歧者：异类觉醒">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_3.html" target="_blank" title="分歧者：异类觉醒">分歧者：异类觉醒</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/09.jpg' %}" alt="神通佛影">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_4.html" target="_blank" title="神通佛影">神通佛影</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/10.jpg' %}" alt="庞贝末日">
    				</a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
    				<strong class="figure_title">
    					<a _boss="film" href="video_5.html" target="_blank" title="庞贝末日">庞贝末日</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
    				<a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
    					<img src="{% static 'images/Crime/11.jpg' %}" alt="横冲直撞好莱坞">
    				</a>
    				<strong class="figure_title">
    					<a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
    				</strong>
			    </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/12.jpg' %}" alt="美人鱼">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/13.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/14.jpg' %}" alt="哥斯拉">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_13.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/15.jpg' %}" alt="美国队长2">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_14.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/16.jpg' %}" alt="金刚狼2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/17.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Crime/18.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

        </ul>
      </div>

      <div class="tab-pane fade" id="tab6">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/01.jpg' %}" alt="阿里巴巴2所罗门封印">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="阿里巴巴2所罗门封印">阿里巴巴2所罗门封印</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/02.jpg' %}" alt="乐高史酷比：闹鬼的好莱坞">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="乐高史酷比：闹鬼的好莱坞">乐高史酷比：闹鬼的好莱坞</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/03.jpg' %}" alt="疯狂动物城">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="疯狂动物城">疯狂动物城</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/04.jpg' %}" alt="功夫熊猫3">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="功夫熊猫3">功夫熊猫3</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/05.jpg' %}" alt="青蛙王国之冰冻大冒险">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="青蛙王国之冰冻大冒险">青蛙王国之冰冻大冒险</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/06.jpg' %}" alt="丛林大反攻4:吓傻了">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="丛林大反攻4:吓傻了">丛林大反攻4:吓傻了</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/07.jpg' %}" alt="果宝特攻之水果大逃亡">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="果宝特攻之水果大逃亡">果宝特攻之水果大逃亡</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/08.jpg' %}" alt="年兽大作战">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_8.html" target="_blank" title="年兽大作战">年兽大作战</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/09.jpg' %}" alt="熊出没之熊心归来">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="熊出没之熊心归来">熊出没之熊心归来</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/10.jpg' %}" alt="小门神">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_10.html" target="_blank" title="小门神">小门神</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/11.jpg' %}" alt="夺旗">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="夺旗">夺旗</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/12.jpg' %}" alt="小王子">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="小王子">小王子</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_13.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/13.jpg' %}" alt="极地大反攻">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_13.html" target="_blank" title="极地大反攻">极地大反攻</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_14.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/14.jpg' %}" alt="咕噜咕噜美人鱼">
              <span></span>
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_14.html" target="_blank" title="咕噜咕噜美人鱼">咕噜咕噜美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/15.jpg' %}" alt="神通佛影">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/16.jpg' %}" alt="庞贝末日">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_16.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/17.jpg' %}" alt="横冲直撞好莱坞">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_16.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/18.jpg' %}" alt="美人鱼">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/19.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/20.jpg' %}" alt="哥斯拉">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/21.jpg' %}" alt="美国队长2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/22.jpg' %}" alt="金刚狼2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/23.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Love/24.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

        </ul>
      </div>

      <div class="tab-pane fade" id="tab7">
        <ul class="figures_lists">
          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/01.jpg' %}" alt="神通佛影">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="神通佛影">神通佛影</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_10.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/02.jpg' %}" alt="庞贝末日">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_10.html" target="_blank" title="庞贝末日">庞贝末日</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_11.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/03.jpg' %}" alt="横冲直撞好莱坞">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_11.html" target="_blank" title="横冲直撞好莱坞">横冲直撞好莱坞</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/04.jpg' %}" alt="美人鱼">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/05.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/06.jpg' %}" alt="哥斯拉">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/07.jpg' %}" alt="美国队长2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_5.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/08.jpg' %}" alt="金刚狼2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_5.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/09.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/10.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_1.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/11.jpg' %}" alt="美人鱼">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_1.html" target="_blank" title="美人鱼">美人鱼</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/12.jpg' %}" alt="复仇者联盟2：奥创纪元">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="复仇者联盟2：奥创纪元">复仇者联盟2：奥创纪元</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/13.jpg' %}" alt="哥斯拉">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="哥斯拉">哥斯拉</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_4.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/14.jpg' %}" alt="美国队长2">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_4.html" target="_blank" title="美国队长2">美国队长2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_15.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/15.jpg' %}" alt="金刚狼2">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_15.html" target="_blank" title="金刚狼2">金刚狼2</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_6.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/16.jpg' %}" alt="恶魔蜘蛛王">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_6.html" target="_blank" title="恶魔蜘蛛王">恶魔蜘蛛王</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_7.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/17.jpg' %}" alt="永不失败的国家">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_7.html" target="_blank" title="永不失败的国家">永不失败的国家</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_8.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/18.jpg' %}" alt="复仇者联盟">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_8.html" target="_blank" title="复仇者联盟">复仇者联盟</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_9.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/19.jpg' %}" alt="极盗者">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_9.html" target="_blank" title="极盗者">极盗者</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_2.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/20.jpg' %}" alt="蚁人">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_2.html" target="_blank" title="蚁人">蚁人</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_3.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/21.jpg' %}" alt="终结者：创世纪">
            </a>
            <div class="label_title">
              <span class="label_font">VIP影片</span>
            </div>
            <strong class="figure_title">
              <a _boss="film" href="video_3.html" target="_blank" title="终结者：创世纪">终结者：创世纪</a>
            </strong>
          </li>

          <li class="list_item" data-trigger-class="list_item_hover">
            <a _boss="film" href="video_12.html" target="_blank" class="figure" tabindex="-1">
              <img src="{% static 'images/Swordsman/22.jpg' %}" alt="猴子王国">
            </a>
            <strong class="figure_title">
              <a _boss="film" href="video_12.html" target="_blank" title="猴子王国">猴子王国</a>
            </strong>
            </li>
        </ul>
      </div>
    </div>
  </div>
</body>
</html>


================================================
FILE: movieweb/videoplay/templates/user_login.html
================================================
<!DOCTYPE html>
<html>
<head>
  <title>视频登录界面</title>
  <meta charset="UTF-8"/>
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
  <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  {% load staticfiles %}
  <link rel="stylesheet" type="text/css" href="{% static 'user_login.css' %}">
</head>
<body>
  <div id="cont">
    {% if userName_error %}
      <p class="bg-danger text-danger">没有该用户名 或 用户名错误，请注册 ...</p>
    {% endif %}

    {% if userPassword_error %}
      <p class="bg-danger text-danger">密码错误，请重新输入 ...</p>
    {% endif %}

    {% if userForm_error %}
      <p class="bg-danger text-danger">输入的数据为空 或 输入的数据不合法 ...</p>
    {% endif %}
    <form role="form" method="post">
      <div class="form-group">
        <label for="user">用户名</label>
        <input type="text" name="username" class="form-control" id="user" placeholder="请输入用户名 ..." />
      </div>
      <div class="form-group">
        <label for="password">密码</label>
        <input type="password" name="password" class="form-control" id="password" placeholder="请输入密码 ..."/>
      </div>
      <a href="/regist/">还没账号，立即注册</a>
      <button type="submit" class="btn btn-primary">登录</button>
      <!-- <button type="reset" class="btn btn-primary my_btn">重置</button> -->
    </form>
  </div>
</body>
</html>


================================================
FILE: movieweb/videoplay/templates/user_regist.html
================================================
<!DOCTYPE html>
<html>
<head>
  <title>用户注册界面</title>
  <meta charset="UTF-8"/>
  <!-- 新 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
  <!-- 可选的Bootstrap主题文件（一般不用引入） -->
  <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
  <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
  <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
  <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
  <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  {% load staticfiles %}
  <link rel="stylesheet" type="text/css" href="{% static 'user_regist.css' %}"/>
</head>
<body>
  <div id="cont">
    {% if danger %}
      <div class="alert alert-danger" alert-dismissible role="alert">
        <button type="button" class="close" data-dismiss="alert">
          <span aria-hidden="true">&times;</span>
          <span class="sr-only">Close</span>
        </button>
        <p>输入的数据为空 或 输入的数据不合法，请重新输入 ...</p>
      </div>
    {% endif %}
    <h3>用户注册</h3>
    <hr />
    <form class="form-horizontal" role='form' method="post">
      <div class="form-group">
        <label for="input_user" class="col-sm-2 control-label">请输入用户名：</label>
        <div class="col-sm-10">
          <input type="text" name="username" class="form-control" id="input_user" placeholder="请输入字母 ..."/>
        </div>
      </div>
      <div class="form-group">
        <label for="input_password" class="col-sm-2 control-label">请输入密码：</label>
        <div class="col-sm-10">
          <input type="password" name="password" class="form-control" id="input_password" placeholder="请输入数字 ..."/>
        </div>
      </div>
      <div class="from-group">
        <div class="col-sm-offset-2" id="btn">
          <button type="submit" class="btn btn-success">注册</button>
        </div>
      </div>
    </form>
  </div>
</body>
</html>


================================================
FILE: movieweb/videoplay/templates/video.html
================================================
<!DOCTYPE html>
<html>
<head>
   <title>视频播放页面</title>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
   <!-- 新 Bootstrap 核心 CSS 文件 -->
   <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
   <!-- 可选的Bootstrap主题文件（一般不用引入） -->
   <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
   <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
   <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
   <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
   <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
   <!-- 导入 video.js框架 -->
   <link href="http://vjs.zencdn.net/5.8.8/video-js.css" rel="stylesheet">
   <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
   <!-- 导入微信分享javaScript文件 -->
   <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
   {% load staticfiles %}
   <link rel="stylesheet" type="text/css" href="{% static 'video_play.css' %}"></link>
   <script src="{% static 'video_play.js' %}" type="text/javascript"></script>
</head>
<body>
  <div class="container">
    <!--  模态框 -->
    <div class="modal fade" id="my_modal" tabindex="-1" role="dialog" aria-labeledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">
              <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
            </button>
            <h3>此电影需要购买</h3>
          </div>
          <div class="modal-body">
              <form role="form" method="post">
                <div class="form-group">
                  <label for="movie_price"><p class="text-primary">所需金额: 5￥</p></label>
                  <input type="text" name="movie_pay" class="form-control" id="movie_price" placeholder="请输入金额..."></input>
                </div>
                <button type="submit" class="btn btn-success">发起支付</button>
              </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-warning" data-dismiss="modal">暂不购买</button>
          </div>
        </div>
      </div>
    </div>

    {% if video_id < 6 %}
      {% if pay %}
        <p class="text-primary"><strong>此电影已购买，可观看完整版...</strong></p>
      {% else %}
        <p class="text-primary"><strong>此电影需要购买,尚可观看1分钟...</strong></p>
      {% endif %}
    {% else %}
      <p class="text-primary"><strong>此电影可免费观看...</strong></p>
    {% endif %}
    <hr />
    <!-- 视频播放 -->
    <video id="my_video" controls preload="auto" width="100%" height="500px"
      class="video-js vjs-default-skin vjs-big-play-centered">
      <source src="{{ video_source.movie }}" type="video/mp4">
    </video>
    <p class="text-primary">当前播放时长/秒：<span id="current_time"></span></p>
    <p class="text-primary">总时长/秒： <span id="video_duration"></span></p>
    <hr />

    <p class="text-primary my_font">用户评论：</p>

    <form role="form" method="post">
      <div class="form-group">
        <textarea class="form-control" rows="3" name="user_comment" maxlength="300" placeholder="看点 | 槽点，不吐不快！别憋着，马上说出来吧！"></textarea>
      </div>
      <button type="submit" class="btn btn-success">发表评论</button>
    </form>
    <p class="text-primary my_font" id="all_comment">全部评论</p>

    <div class="allComments">
      <ul class="list-unstyled comment_list">
        <!-- 反向迭代出数据库中的数据 -->
        {% for comment in comments_list reversed %}
         <li class="single_comment">
            <div class="username">
              <strong>{{ comment.comment_username }}</strong>
            </div>
            <div class="contents">
              <p>{{ comment.user_comment }}</p>
            </div>
            <div class="comment_time">
              <p class="text-info">{{ comment.comment_time }}</p>
            </div>
        </li>
        {% endfor %}

        <li class="single_comment">
          <div class="username">
            <strong>匿名用户 </strong>
          </div>
          <div class="contents">
            <p>三国吕布，字奉先。</p>
          </div>
          <div class="comment_time">
            <p class="text-info">2016/10/09 | 14:00:30</p>
          </div>
        </li>
      </ul>
    </div>
  </div>

  <script>
  // 获取当前播放视频ID
  var video_id = {{ video_id }};
  // 获取已支付电影对象 0：未支付 1： 已支付
  var movie_pay = {{ movie_payment_obj }};
  // 获取 DOM 中指定的视频标签
  var my_video = document.getElementById("my_video");
  // 监听视频播放位置变化 事件
  my_video.ontimeupdate = function() {
    // 返回播放视频当前播放位置/秒
    var currentTime = my_video.currentTime;
    // 返回播放视频长度/秒
    var duration = my_video.duration;
    document.getElementById("current_time").innerHTML = Math.floor(currentTime);
    document.getElementById('video_duration').innerHTML = Math.floor(duration);
    // 当视频ID <= 5 且 未支付 执行
    if (video_id <= 5 && movie_pay == 0) {
      if (currentTime >= 10) {
        // 重新加载视频
        my_video.load();
        document.getElementById("current_time").innerHTML = 0;
        // js动态显示模态框
        $('#my_modal').modal({show: true})
      }
    }
  }
// 微信分享配置
  wx.config({
            debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '{{user.appid}}', // 必填，公众号的唯一标识
            timestamp: {{user.ret.timestamp}}, // 必填，生成签名的时间戳
            nonceStr: '{{user.ret.nonceStr}}', // 必填，生成签名的随机串
            signature: '{{user.ret.signature}}',// 必填，签名
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表
  });

  wx.ready(function(){
    $(document).ready(function(){
      // 分享到朋友圈
      wx.onMenuShareTimeline({
        title: '支持微信分享视频网页',
        link: '{{ url }}',
        imgUrl: 'http://ulab.newclass.org/movie/kakaxi.png',
        trigger: function () {
          // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
          alert('点击分享菜单:ok');
        },
        success: function () {
          alert('分享成功');
        },
        cancel: function () {
          alert('取消分享');
        }
      });
      // alert('注册成功，支持分享到朋友圈');
    });

    $(document).ready(function(){
      // 分享给朋友
      wx.onMenuShareAppMessage({
        title: '支持微信分享视频网页',
        desc: '小宇的第一个支持微信--分享的网页',
        link: '{{ url }}',
        imgUrl: 'http://ulab.newclass.org/movie/kakaxi.png',
        trigger: function () {
          // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
          alert('点击分享菜单:ok');
        },
        success: function () {
          alert('分享成功');
        },
        cancel: function () {
          alert('取消分享');
        }
      });
      // alert('注册成功，支持分享给朋友');
    });
  });
  </script>
</body>
</html>


================================================
FILE: movieweb/videoplay/tests.py
================================================
from django.test import TestCase

# Create your tests here.


================================================
FILE: movieweb/videoplay/views.py
================================================
# -*- coding: UTF-8 -*-
from django.shortcuts import render
# Create your views here.
from django.http import HttpResponse, HttpResponseRedirect
from django.template import loader, Context
from django.shortcuts import render_to_response

import time
import random
import string
import hashlib
import requests
# 导入缓存
from django.core.cache import cache
# 导入模型
from videoplay.models import Movie
from videoplay.models import User, UserComment, MoviePay
# 导入表单
from .forms import UserForm, UserCommentForm, MoviePayForm

class Sign:
    ''' 实例化初始值 '''
    def __init__(self, appid, appsecret, url):
        self.appid = appid
        # self.access_token = self.get_access_token(appid, appsecret)

        ''' 缓存access_token '''
        self.access_token = cache.get('access_token')
        if self.access_token == None:
            cache.set('access_token', self.get_access_token(appid, appsecret), 7050)
            self.access_token = cache.get('access_token')

        ''' 缓存jsapi_ticket '''
        self.jsapi_ticket = cache.get('jsapi_ticket')
        if self.jsapi_ticket == None:
            cache.set('jsapi_ticket', self.get_ticket(self.access_token), 7100)
            self.jsapi_ticket = cache.get('jsapi_ticket')

        self.ret = {
            'nonceStr': self.__create_nonce_str(),
            'jsapi_ticket': self.jsapi_ticket,
            'timestamp': self.__create_timestamp(),
            'url': url,
         }
        # 缓存signature
        # self.signature = cache.get('signature')
        # if self.signature == None:
        #     cache.set('signature', self.sign(), 7150)
        #     self.signature = cache.get('signature')

    ''' 获取随机字符串 '''
    def __create_nonce_str(self):
        return ''.join(random.choice(string.ascii_letters + string.digits) for _ in range(16))
    ''' 获取时间戳 '''
    def __create_timestamp(self):
        return int(time.time())
    ''' 获取access_token '''
    def get_access_token(self, appid, appsecret):
        url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid={}&secret={}'.format(appid,appsecret)
        r = requests.get(url)
        data = r.json()
        access_token = data.get('access_token')
        return access_token
    ''' 获取jsapi_ticket '''
    def get_ticket(self, access_token, type='jsapi'):
        url = 'https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token={}&type={}'.format(access_token, type)
        r = requests.get(url)
        data = r.json()
        ticket = data.get('ticket')
        return ticket
    ''' 获取signature '''
    def sign(self):
        string = '&'.join(['%s=%s' % (key.lower(), self.ret[key]) for key in sorted(self.ret)])
        self.ret['signature'] = hashlib.sha1(string).hexdigest()
        return self.ret
        # return self.ret.get('signature')

""" 视频播放页面 """
def play(request, id):
    # 通过 session 来获取传过来的数据 (用户名)
    comment_username = request.session.get('comment_username')
    if request.method == "POST":
        print request.POST
        if 'user_comment' in request.POST:
            ''' 用户评论 '''
            # 绑定评论表单
            uf_comment = UserCommentForm(request.POST)
            # 校验提交数据是否合法
            if uf_comment.is_valid():
                # 如合法,获取数据并赋于变量
                user_comment = uf_comment.cleaned_data.get('user_comment')
                # 获取当前时间 (格式化)
                comment_time = time.strftime('%Y/%m/%d | %H:%M:%S', time.localtime())
                # 存入数据库
                UserComment.objects.create(comment_username = comment_username, user_comment = user_comment, comment_time = comment_time)
                print user_comment
                print comment_time
                # 获取当前除域名以外的请求路径
                path = request.path
                print path
                ''' 重定向到当前页面 '''
                return HttpResponseRedirect(path)
        elif 'movie_pay' in request.POST:
            ''' 电影支付 '''
            movie_id = int(id)
            # 绑定支付表单
            uf_payment = MoviePayForm(request.POST)
            # 校验提交数据是否合法
            if uf_payment.is_valid():
                # 获取支付数据
                movie_pay = uf_payment.cleaned_data.get('movie_pay')
                # 存入数据库
                MoviePay.objects.create(pay_username = comment_username, movie_id = movie_id, movie_pay = movie_pay)
                # 获取当前除域名以外的请求路径
                path = request.path
                ''' 重定向到当前页面 '''
                return HttpResponseRedirect(path)

    ''' 微信分享的 code '''
    appid, appsecret = 'wx89d78fda8c962552', '41d433fe0e3194e1aff2d607c585be65'
    # 动态获取当前的url
    url = 'http://' + request.get_host() + request.get_full_path()
    sign = Sign(appid, appsecret, url)
    # 调用签名方法
    sign.sign()
    # 将获取到的字符串类型参数转换为 int
    video_id = int(id)
    # 获取(数据库)模型中对应电影的对象
    video_source = Movie.objects.get(id = video_id)
    # 获取数据库中所有的评论对象 | all() 和 filter()函数返回一个记录集 (列表)
    comments_list = UserComment.objects.all()
    # 获取数据库中已支付的对象
    movie_payment_obj = MoviePay.objects.filter(pay_username = comment_username, movie_id = video_id)
    # 支付 False：未购买 True: 已购买
    pay = False
    if video_id <= 5:
        if len(movie_payment_obj) != 0:
            pay = True
        else:
            pay = False
    # 加载视频播放模板
    t = loader.get_template("video.html")
    c = Context({"user": sign, "video_source": video_source, "video_id": video_id,"movie_payment_obj": len(movie_payment_obj), "pay": pay, "url": url, "comments_list": comments_list})
    return HttpResponse(t.render(c))

""" 用户注册 """
def regist(request):
    if request.method == "POST":
        # 绑定表单
        uf_regist = UserForm(request.POST)
        # 校验提交数据是否合法
        if uf_regist.is_valid():
            # 如合法,获取各自的数据并赋于变量
            username = uf_regist.cleaned_data.get('username')
            password = uf_regist.cleaned_data.get('password')
            # 存入数据库
            User.objects.create(username = username, password = password)
            # 跳转到登录界面
            return HttpResponseRedirect('/')
        else:
            return render(request, "user_regist.html", {"danger": True})
    else:
        uf_regist = UserForm()
    # 加载用户注册模板
    user_regist = loader.get_template("user_regist.html")
    return HttpResponse(user_regist.render())

""" 用户登录 """
def login(request):
    if request.method == 'POST':
        # 绑定表单 | request.Post:获取表单提交的数据 (类字典对象)
        uf_login = UserForm(request.POST)
        # 校验提交数据是否合法
        if uf_login.is_valid():
            # 如合法后,获取各自的数据并赋于变量
            username = uf_login.cleaned_data['username']
            password = uf_login.cleaned_data['password']
            ''' 异常 用户名不存在 '''
            try:
                User.objects.get(username = username)
            except User.DoesNotExist:
                return render_to_response('user_login.html', {"userName_error": True})
            # 获取数据库(模型)中对应的对象
            user = User.objects.filter(username__exact = username, password__exact = password)
            # 如果输入的对象匹配数据库中的对象为 True（存在数据库中）
            if user:
                # 创建 HTTpResponse 对象（跳转至 /movie 页面）
                response = HttpResponseRedirect('/movie/')
                # 设置 cookie 值，有效期 1 小时
                response.set_cookie('username', username)
                # response.set_cookie('username', username, 3600)
                # request.session['username'] = username  /使用 session 来设置 cookie值， 等效同上
                return response
            # 输入的密码不匹配数据库中的密码 执行
            elif password !=  User.objects.get(username = username).password:
                return render_to_response('user_login.html', {"userPassword_error" : True})

        # 如果输入的内容不合法（数据为空）
        else:
            return render_to_response('user_login.html', {'userForm_error': True})
    else:
        uf_login = UserForm()
    # 加载用户登录模板
    user_login = loader.get_template("user_login.html")
    return HttpResponse(user_login.render())
""" 网站首页 """
def index(request):
    username = request.COOKIES.get('username', None)
    # username = request.session.get('username', 'anonymity') /使用 session 来获取传来的 cookie值， 等效同上
    ''' 设置 session 的数据（传到视频播放页面）'''
    request.session['comment_username'] = username
    # 获取用户名成功 执行
    if username != None:
        return render_to_response('index.html', {"username": username})
    #  用户名超时 执行
    else:
        return render_to_response('index.html', {'error': True})

""" 实现swagger code """
from rest_framework import viewsets
from videoplay.models import Movie
from videoplay.serializers import MovieSerializer
# ViewSets定义了View的行为
class SnippetViewSet(viewsets.ModelViewSet):
    queryset = Movie.objects.all()
    serializer_class = MovieSerializer