try jwplayer issue

by hiteshbhilai2010

HTML

<script src="http://jwpsrv.com/library/CKT7slhiEeOspBIxOQfUww.js"></script>
<div class="content" id="content-div">
<div class="grid_9 phgPageRightBlock">
    <div class="filterBar">
        <h4>Pearson English Photography</h4>
    </div>

    
    <img src="/sites/all/themes/petheme/images/loginloader.gif" id="DeletingLoader" style="display:none">
    <div class="contentRow marg_t0 nobdr" id="PhotoGraphyRow">
    <div id="main_gallery_view" class="grid_9">
    <div class="thumb_videos" style="cursor: pointer;"><div class="loading-indication" style="display: none;"><img src="/sites/all/themes/petheme/images/loader_pearson.gif" id="potoloader"></div><img src="http://d25mngsr7zvv6g.cloudfront.net/bucket/Business Solutions 4.jpg" alt="" class="imgthumb" style="display: inline;">
            <span id="desc" value="azdasd" type="hidden"></span>
            <span id="channel" value="ELT" type="hidden"></span>
            <span id="rights" value="Rights Managed" type="hidden"></span>
            <span id="geography" value="asdad" type="hidden"></span>
            <span id="title" value="titlwe" type="hidden"></span>
            <span id="timestamp" value="1412188200" type="hidden"></span>
            <span id="usages" value="adas" type="hidden"></span>
            <span id="owner" value="asdasd" type="hidden"></span>
            <span id="copyright" value="asdasd" type="hidden"></span>
            <span id="other" value="asdasd" type="hidden"></span>
            <span id="HighImg" value="" type="hidden"></span>
            <span id="MedImg" value="" type="hidden"></span>
            <span id="LowImg" value="http://d25mngsr7zvv6g.cloudfront.net/bucket/Business Solutions 4.jpg" type="hidden"></span>
            <span id="imid" value="27" type="hidden"></span>
            </div><div class="thumb_videos" style="cursor: pointer;"><div class="loading-indication" style="display: none;"><img src="/sites/all/themes/petheme/images/loader_pearson.gif" id="potoloader"></div><img...

CSS

body {
    color:#555555;
    font-size:14px;
    line-height:20px;
    font-family:Arial, Helvetica, Sans-serif;
}
@font-face {
    font-family: 'Archer Bold';
    src: url('../font-face/archer-bold-webfont.eot');
    src: url('../font-face/archer-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font-face/archer-bold-webfont.woff') format('woff'),
        url('../font-face/archer-bold-webfont.ttf') format('truetype'),
        url('../font-face/archer-bold-webfont.svg#archerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Pompiere Regular';
    src: url('../font-face/pompiere-regular-webfont.eot');
    src: url('../font-face/pompiere-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font-face/pompiere-regular-webfont.woff') format('woff'),
         url('../font-face/pompiere-regular-webfont.ttf') format('truetype'),
         url('../font-face/pompiere-regular-webfont.svg#pompiere_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UniversCom';
    src: url('../font-face/UniversCom-45Light.eot');
    src: url('../font-face/UniversCom-45Light.eot?#iefix') format('embedded-opentype'),
         url('../font-face/UniversCom-45Light.woff') format('woff'),
         url('../font-face/UniversCom-45Light.ttf') format('truetype'),
         url('../font-face/UniversCom-45Light.svg#UniversCom-45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}
li {
    list-style: none;
}
a{
    color: #555555;
    text-decoration: none; 
    outline:none;
}
a:hover{
    color: #555555;
}
.orange_anc{
    color: #E47321 !important;
}
.orange_anc:hover{
    color: #E47321 !important;
}
p{
    padding-top: 10px;
    font-size: 12px;
}
h1,h2,h3,h4,h5,h6{
    font-family: Archer Bold;
    color:#555555;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-family: Archer Bold;
}
h1{
    font-size: 36px;
}
h2{
    font-size:...

JavaScript

video_thumbnail();

            jQuery("#test_video1").on('click', function(event) {
                videoPlayerSetup('http://media.globalenglish.com/files/Pearson_English_One_Edited.mp4', 'http://d25mngsr7zvv6g.cloudfront.net/bucket/Business Solutions 4.jpg', jQuery(this).width(), jQuery(this).height(), 'test_video1');
            })
            
             function videoPlayerSetup(vPath, image_path, pWidth, pHeight, videoWrapper) {
                var videoCaptionArr = [], vStart = '';
                    jwplayer(videoWrapper).setup({
                        file: vPath,
                        image: image_path,
                        primary: "html5",
                        width: pWidth,
                        height: pHeight,
                        controls: true
                    });
            }



            function video_thumbnail() {
                jQuery('.thumb_videos').click(function() {
                    var $this = jQuery(this);
                    var parentOffset = jQuery('#main_gallery_view').offset();
                    var galHoverBoxHeight = jQuery('.galleryHoverView').outerHeight();
                    var galHoverBoxWidth = jQuery('.galleryHoverView').outerWidth();
                    var offset = $this.offset();
                    var contentOffset = jQuery('.content_12').offset();
                    var contentOffsetLeft = contentOffset.left;
                    var contentOffsetTop = contentOffset.top;
                    var contentOffset = jQuery('.content_12').offset();
                    var width = $this.width();
                    var height = $this.height();

                    var parentX = parentOffset.left;
                    var parentY = parentOffset.top;

                    var TargetXU = offset.left;
                    var TargetX = offset.left - contentOffsetLeft;
                    var TargetYU = offset.top;
                    var TargetY = offset.top - 20;

                    var...