zhkt/protected/viewc/admin-classinfo.php

<?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//admin-header.php"; ?>
<script type="text/javascript" src="https://blueimp.github.io/JavaScript-MD5/js/md5.js"></script>
<script src="<?php echo $data['rootUrl']; ?>global/js/sha1.js"></script>
<script type="text/javascript" src="<?php echo $data['rootUrl']; ?>global/js/videoupload.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo $data['rootUrl']; ?>global/css/webuploader.css">
<link href="//nos.netease.com/vod163/nep.min.css" rel="stylesheet">
<script src="//nos.netease.com/vod163/nep.min.js"></script>
<style>
  .uploader-list {
    width: 100%;
    overflow: hidden;
  }
</style>
<div class="mainWrap">
  <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//admin-leftWrap.php"; ?>
  <div class="mainContent">
    <div class="page-header pageHeader">
      <h4>
        <ol class="breadcrumb breadcrumbNot">
          <li><a href="<?php echo $data['rootUrl']; ?>m/classlist">课程列表</a></li>
          <li class="active">课程详情</li>
        </ol>
      </h4>
    </div>
    <div class="tableContent clearfix">
      <div class="classInfoWrap">
        <h4><?php echo $data['classinfo']['classname']; ?></h4>
        <p><span>总课时：<?php echo $data['classinfo']['classnum']; ?>课时</span><span>报名人数：<?php echo $data['bnum']; ?>人</span><span>价格：<b class="text-orange">￥<?php echo $data['classinfo']['price']; ?>元</b></span></p>
      </div>
      <div class="shopContent clearfix">
        <a type="button" class="btn btn-primary" data-toggle="modal" data-target="#Addchapter">添加章</a>
      </div>
      <?php if( isset($data['kttype']) && !empty($data['kttype']) ): ?>
      <?php foreach($data['kttype'] as $k1=>$v1): ?>
      <div class="classSection">
        <dl>
          <dt class="clearfix">
            <div class="sectionTitle fL"><span class="chapterName"><?php echo $v1['typeprefix']; ?></span> <?php echo $v1['typename']; ?></div>
            <div class="operate fR">
              <div class="btn-group">
                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Addlesson" onclick="addtype(<?php echo $v1['typeid']; ?>);">添加节</button>
                <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editchapter" onclick='exittype("<?php echo trrep($v1['typeprefix']); ?>","<?php echo trrep($v1['typename']); ?>","<?php echo $v1['typeid']; ?>");'>编辑</button>
              </div>
              <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Delchapter" onclick="deletety('<?php echo $v1['typeid']; ?>')">删除</button>
            </div>
          </dt>
          <?php if( isset($v1['section']) && !empty($v1['section']) ): ?>
          <?php foreach($v1['section'] as $k2=>$v2): ?>
          <dd>
            <div class="sectionList clearfix">
              <div class="sectionTitle fL"><?php echo $v2['seprefix']; ?>  <?php echo $v2['sename']; ?><?php if( $v2['ishow'] == 0 ): ?>&nbsp;&nbsp;<span class="text-danger">【不显示】</span><?php endif; ?></div>
              <div class="operate operateSection fR">
                <a type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#Uploadvideo" onclick="video_upload('<?php echo $v2['seid']; ?>','<?php echo $v1['typeid']; ?>');">上传视频</a>
                <div class="btn-group">
                  <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editlesson" onclick='exitsection("<?php echo trrep($v2['seprefix']); ?>","<?php echo trrep($v2['sename']); ?>","<?php echo $v2['seid']; ?>","<?php echo $v2['ishow']; ?>")'>编辑</button>
                </div>
                <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Dellesson" onclick="deletesec('<?php echo $v2['seid']; ?>');">删除</button>
              </div>
            </div>
            <?php if( isset($v2['video']) && !empty($v2['video']) ): ?>
            <?php foreach($v2['video'] as $k3=>$v3): ?>
            <div class="sectionListVideo clearfix">
              <div class="videoName">
                <div class="operate operateNone fR">
                  <?php if( ($v3['isshow'] == 0) ): ?>
                  <button type="button" class="btn btn-success btn-xs"  onclick="getvideoid('<?php echo $v3['wy_video_id']; ?>','<?php echo $v3['videoid']; ?>');">发布</button>
                  <?php endif; ?>
                  <div class="btn-group">
                    <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#Editvideo" onclick='getvideo("<?php echo trrep($v3['videoname']); ?>", "<?php echo $v3['videoid']; ?>", "<?php echo $v3['isshow']; ?>")'>编辑</button>
                  </div>
                  <button type="button" class="btn btn-danger btn-xs" data-toggle="modal" data-target="#Delvideo" onclick="getvideoid2('<?php echo $v3['videoid']; ?>');">删除</button>
                </div>
                <div class="sectionTitle fL">
                  <a data-toggle="modal" onclick='playVideo("<?php echo $v3['wy_video_id']; ?>","<?php echo trrep($v3['videoname']); ?>");'><?php echo $v3['videoname']; ?>.<?php echo $v3['file_ext']; ?></a>
                  <p><span class="videoInfo">视频时长：<?php echo totime($v3['file_time']); ?></span></p>
                </div>
                <?php if( ($v3['isshow'] == 0) ): ?>
                <div class="videoState">
                  <b class="state text-muted">未发布</b>
                </div>
                <?php elseif( ($v3['isshow'] == 1) ): ?>
                <div class="videoState">
                  <b class="state text-success">播放中</b>
                </div>
                <?php else: ?>
                <div class="videoState">
                  <b class="state text-danger">已暂停</b>
                </div>
                <?php endif; ?>
              </div>
            </div>
            <?php endforeach; ?>
            <?php endif; ?>
          </dd>
          <?php endforeach; ?>
          <?php endif; ?>
        </dl>
      </div>
    <?php endforeach; ?>
    <?php endif; ?>
    </div>
  </div>
</div>

<!-- 添加章 -->
<div class="modal fade" id="Addchapter" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel">添加章</h4>
      </div>
      <form class="form-horizontal" role="form" action="<?php echo $data['rootUrl']; ?>m/addtype" method="post">
      <div class="modal-body">
        <div class="form-group">
          <label for="typeprefix" class="col-sm-2 control-label">章号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="typeprefix" name="typeprefix" value="" placeholder="请输入章号">
          </div>
        </div>
        <div class="form-group">
          <label for="typename" class="col-sm-2 control-label">章名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" name="typename" id="typename" placeholder="请输入章的名称">
            <input type="hidden" name="classid" value="<?php echo $data['classinfo']['classid']; ?>">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 编辑章 -->
<div class="modal fade" id="Editchapter" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel2">编辑章</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="<?php echo $data['rootUrl']; ?>m/exittype">
      <div class="modal-body">
        <div class="form-group">
          <label for="exprefix" class="col-sm-2 control-label">章号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="exprefix" name="exprefix" value="" placeholder="请输入章号">
          </div>
        </div>
        <div class="form-group">
          <label for="typename" class="col-sm-2 control-label">章名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" name="typename" id="extypename" value="" placeholder="请输入章的名称">
            <input type="hidden" name="classid" value="<?php echo $data['classinfo']['classid']; ?>">
            <input type="hidden" name="typeid" id="extypeid" value="">
            <!--<input type="hidden" name="wytypeid" id="wytypeid" value="">-->
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>


<!-- 删除章 -->
<div class="modal fade" id="Delchapter" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel3">确认删除章</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该章内容吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletety" typeid="" onclick="deletetype();">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 添加节 -->
<div class="modal fade" id="Addlesson" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel4">添加节</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="<?php echo $data['rootUrl']; ?>m/addsection">
      <div class="modal-body">
        <div class="form-group">
          <label for="seprefix" class="col-sm-2 control-label">节号：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="seprefix" name="seprefix" value="" placeholder="请输入节号">
          </div>
        </div>
        <div class="form-group">
          <label for="sename" class="col-sm-2 control-label">节名称：</label>
          <div class="col-sm-8">
            <input type="text" class="form-control" id="sename" name="sename" placeholder="节的名称">
            <input type="hidden" class="form-control" name="typeid" id="typeid" value="">
            <input type="hidden" class="form-control" name="classid" value="<?php echo $data['classinfo']['classid']; ?>">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 编辑节 -->
<div class="modal fade" id="Editlesson" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel5">编辑节</h4>
      </div>
      <form class="form-horizontal" role="form" method="post" action="<?php echo $data['rootUrl']; ?>m/exitsection">
      <div class="modal-body">
        <div class="form-group">
          <label for="seprefix" class="col-sm-3 control-label">节号：</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" id="sexprefix" name="seprefix" value="" placeholder="请输入节号">
          </div>
        </div>
        <div class="form-group">
          <label for="sexname" class="col-sm-3 control-label">节名称：</label>
          <div class="col-sm-7">
            <input type="text" class="form-control" name="sename" id="sexname" value="" placeholder="节的名称">
            <input type="hidden" class="form-control" name="seid" id="sexid" value="">
            <input type="hidden" class="form-control" name="classid" value="<?php echo $data['classinfo']['classid']; ?>">
          </div>
        </div>
        <div class="form-group">
          <label for="sectionshow" class="col-sm-3 control-label">是否显示节名称：</label>
          <div class="col-sm-7" id="sectionshow">
            <label class="radio-inline">
              <input type="radio" name="sectionshow" value="1"> 是
            </label>
            <label class="radio-inline">
              <input type="radio" name="sectionshow" value="0"> 否
            </label>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 删除节 -->
<div class="modal fade" id="Dellesson" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel6">确认删除节</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该节内容吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletese" seid="" onclick="deletesection();">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 编辑视频 -->
<div class="modal fade" id="Editvideo" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel7">编辑视频</h4>
      </div>
      <form class="form-horizontal" role="form" action="<?php echo $data['rootUrl']; ?>m/updateVideo" method="post" >
      <div class="modal-body">
        <div class="form-group">
          <label for="videoName" class="col-sm-3 control-label">视频：</label>
          <div class="col-sm-8">
            <input type="text" name="videoName" class="form-control" id="videoName" value="视频名称视频名称.mp4">
          </div>
          <!--<div class="col-sm-2">-->
            <!--<p class="form-control-static mUpload">-->
              <!--<a type="button" class="btn btn-primary btn-xs">更换视频</a>-->
              <!--<input type="file" class="uploadVideo" id="exampleInputFile">-->
            <!--</p>-->
          <!--</div>-->
        </div>
        <input type="hidden" value="" id="videoId" name="videoId">
        <input type="hidden" value="<?php echo $data['classinfo']['classid']; ?>" name="classid">
        <div class="form-group">
          <label class="col-sm-3 control-label">视频状态：</label>
          <div class="col-sm-5" id="isshow">
            <label class="radio-inline">
              <input type="radio" name="isshow" value="1"> 播放
            </label>
            <label class="radio-inline">
              <input type="radio" name="isshow" value="2"> 暂停
            </label>
            <!--<select class="form-control" style="width:110px;" id="isshow" name="isshow" >-->
              <!--<option value="1">播放中</option>-->
              <!--<option value="0">已暂停</option>-->
            <!--</select>-->
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="submit" class="btn btn-primary">确定</button>
      </div>
      </form>
    </div>
  </div>
</div>

<!-- 发布视频 -->
<div class="modal fade" id="Revideo" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel8">确认发布视频</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要发布该视频吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="showvideo" videoid="" onclick="showvideo();" >确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 删除视频 -->
<div class="modal fade" id="Delvideo" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel9">确认删除视频</h4>
      </div>
      <div class="modal-body">
        <h4>您确定要删除该视频吗？</h4>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="deletevideo" videoid="" onclick="delvideo();">确定</button>
      </div>
    </div>
  </div>
</div>

<!-- 上传视频 -->
<div class="modal fade" id="Uploadvideo" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel10">上传视频</h4>
      </div>
      <div class="modal-body">
        <div class="videoMT">
          <div id="uploader">
            <input type="hidden" value="<?php echo $data['classinfo']['classid']; ?>" id="video_class">
            <input type="hidden" value="" id="video_type">
            <!--<input type="hidden" value="" id="video_wytype">-->
            <input type="hidden" value="" id="video_section">
            <!--用来存放文件信息-->
            <div class="btns">
              <span class="mUpload">
                <a class="btn btn-primary" href="javascript:;">
                  <input type="file" name="file" class="uploadVideo" id="inputid"/>选择文件
                </a>
              </span>
              <button id="uploadid" class="btn btn-default">上传视频</button>
            </div>
            <div id="thelist" class="uploader-list"></div>
          </div>
        </div>
      </div>
      <!--<div class="modal-footer">-->
        <!--<button type="button" class="btn btn-default" data-dismiss="modal" >取消上传</button>-->
        <!--<button type="button" class="btn btn-primary">确定</button>-->
      <!--</div>-->
    </div>
  </div>
</div>

<!-- 提示正在转码 -->
<div class="modal fade" id="palyVideo1" tabindex="-1" role="dialog" aria-labelledby="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>
        <h4 class="modal-title" id="myModalLabel11">温馨提示</h4>
      </div>
      <div class="modal-body" style="text-align:center;">
        <h4>该视频正在转码，请稍后再试！</h4>
        <img style="margin:15px 0;" width="60" height="60" src="<?php echo $data['rootUrl']; ?>global/images/009.gif">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
</div>


<!-- 播放视频 -->
<div class="modal fade bs-example-modal-lg" id="palyVideo2" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" id="closeVideo" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel12">播放视频</h4>
      </div>
      <div class="modal-body" style="text-align:center;">
        <h4 id="playvideoname"></h4>
        <video id="my-video" class="video-js videoCon vjs-big-play-centered" controls poster="<?php echo $data['rootUrl']; ?>global/images/background.jpg" preload="auto" width="868" height="450" data-setup='{}'></video>
      </div>
    </div>
  </div>
</div>

<script>
  var myPlayer = neplayer('my-video');

  function addtype(typeid){
    $('#typeid').val(typeid);
  }

  function exittype(typeprefix,typename,typeid){
    $('#exprefix').val(typeprefix);
    $('#extypename').val(typename);
//    $('#wytypeid').val(wytypeid);
    $('#extypeid').val(typeid);
  }

  function exitsection(seprefix,sename,seid,seshow){
    $('#sexprefix').val(seprefix);
    $('#sexname').val(sename);
    $('#sexid').val(seid);
    if(seshow == 1){
      $('#sectionshow input[value=1]').attr('checked','checked');
    }else{
      $('#sectionshow input[value=0]').attr('checked','checked');
    }
  }

  function deletesec(seid){
    $('#deletese').attr('seid',seid);
  }

  function deletesection(){
    var seid = $('#deletese').attr('seid');
    window.location.href = '<?php echo $data['rootUrl']; ?>m/deletesection/' + seid + '/<?php echo $data['classinfo']['classid']; ?>';
  }

  function deletety(typeid){
    $('#deletety').attr('typeid',typeid);
  }

  function deletetype(){
    var typeid = $('#deletety').attr('typeid');
    window.location.href = '<?php echo $data['rootUrl']; ?>m/deletetype/' + typeid + '/<?php echo $data['classinfo']['classid']; ?>';
  }

  function video_upload(seid,typeid){
    $('#video_type').val(typeid);
    $('#video_section').val(seid);
//    $('#video_wytype').val(wytype_id);
  }

  function getvideo(videoname,videoid,show){
    $('#videoName').val(videoname);
    $('#videoId').val(videoid);
    if(parseInt(show) == 1){
      $('#isshow input[value=1]').attr('checked','checked');
    }else{
      $('#isshow input[value=2]').attr('checked','checked');
    }
  }

  function getvideoid(wyvideoid,videoid){
    $.ajax({
      type: 'get',
      url: '/m/isshowVideo?video='+wyvideoid,
      dataType:'json',
      success: function(result){
        if (result == 1){
          $("#Revideo").modal('show');
          $('#showvideo').attr('videoid',videoid);
        }else{
          $('#palyVideo1').modal('show');
        }
      }
    })

  }

  function showvideo(){
    var videoid = $('#showvideo').attr('videoid');
    window.location.href = '<?php echo $data['rootUrl']; ?>m/showVideo/' + videoid + '/<?php echo $data['classinfo']['classid']; ?>';
  }

  function getvideoid2(videoid){
    $('#deletevideo').attr('videoid',videoid);
  }

  function delvideo(){
    var videoid = $('#deletevideo').attr('videoid');
    window.location.href = '<?php echo $data['rootUrl']; ?>m/delVideo/' + videoid + '/<?php echo $data['classinfo']['classid']; ?>';
  }

  function playVideo(wyid,name){
    $.ajax({
      type: 'get',
      url: '<?php echo $data['rootUrl']; ?>m/playVideo?video='+wyid,
      dataType: 'json',
      success: function(result){
        var data = result;
        if(data.code == 200){
          $('#playvideoname').text(name);
          $('#palyVideo2').modal('show');
          myPlayer.setDataSource({type: data.type, src: data.url});
          myPlayer.play();
        }else{
          $('#palyVideo1').modal('show');
        }
      }
    })
  }

  $('#closeVideo').click(function(){
    myPlayer.pause();
    myPlayer.reset();
  });

  $('#palyVideo2').click(function(){
    myPlayer.pause();
    myPlayer.reset();
  });


  $(function(){
    var opt = {
      fileInputId: 'inputid',
      fileUploadId: 'uploadid',
    };
    Uploader(opt).init();
  });

</script>
</body>
</html>