html5 点击封面播放视频video

<!-- 视频 -->
<div class="movie-play">
    <video class="movie" id="movie" controls="controls"><source src="movie.mp4" type="video/mp4" /></video>
    <div id="cover"><img src="private/img/hall/list-pic.jpg"/></div>
    <span class="pay">付费</span>
</div>
<!-- 详情 -->
<div class="video-dels">
    <div class="video-title"><span class="samll-title">心血管</span><a href="JavaScript:;">胃食管返流病食管外症状的多学科诊治</a></div>
    <div class="hall-name"><a href="JavaScript:;">罗金燕 | 主任医师</a></div>
    <div class="hospital"><a href="JavaScript:;">西安交通大学第二附属医院</a></div>
</div>
<script src="common\plugin\jquery\jquery-2.1.4.min.js"></script>
<script>
    $("#cover").click(function(){
        $("img").hide();
        $('#movie').get(0).play();
    });

</script>

#cover{
    position: absolute;
    top: 0;
    width: 100%;
}

.movie-play{
    width: 100%;
    margin: 0 auto;
    height:13.333333rem;
    /*background-color: #2D93CA;*/
    position: relative;
}
.movie{
    width: 100%;
    height:13.333333rem;
}
.video-dels{
    margin:1.0rem 0.58rem 0;
}
.video-title{
    font-size: 0.80rem;
    line-height: 1.07rem;
    color: #333;
    /*padding-bottom: 0.85rem;*/
    margin-bottom: 0.48rem;
}