کد پلی شدن ویدیو – مشکلات دیگر

سلام من با این کد ها ویدیو ساختم حالا مبخوام رویی یکیش میزنن بقیه اش رو پلی نشه الان همشو میشه باهم پلی کرد چیکار کنم که فقط یکیش پلی بسه ه بخوان اون ویدیو دیگه رو نگاه کنه قبلی پلی نشه یا رفتی از ویدیو میگذره پلی نشه باید چیکار کنم  اینم کدش

src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">

 class="wrapper">
    
    

 class="playpause">

.video {
    width: 100%;
    border: 1px solid black;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
    width:50%;
}
.playpause {
    background-image:url(http://png-4.findicons.com/files/icons/2315/default_icon/256/media_play_pause_resume.png);
    background-repeat:no-repeat;
    width:50%;
    height:50%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
}

$('.video').parent().click(function () {
    if($(this).children(".video").get(0).paused){
        $(this).children(".video").get(0).play();
        $(this).children(".playpause").fadeOut();
    }else{
       $(this).children(".video").get(0).pause();
        $(this).children(".playpause").fadeIn();
    }
});

ممنون میشم کمک کنیم یا اگه میشه رفتی از ویدیو رد میشه و میره پایین ویدیو پلی نشه دیگه