.videosurface {
    width: 100%;
    height: 100%;
    
}
.videowrapper {
    width: 500px;
    position: relative;
    
}

.videowrapper.right {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}
.videowrapper.left {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.videowrapper.full {
    width: 100%;
}

.jw-error .jw-preview, .jw-stretch-uniform .jw-preview, .jwplayer .jw-preview {
    background-size: cover !important;
}
@media only screen and (max-width:500px) {
    .videowrapper {
        width: 100%;
        position: relative;
        /*margin: 10px;*/
        height: 100%;
    }
}