JWPlayer Demo

by fredd man

HTML

<script src="http://publishing.ramp.com/FileResource/widgets/metaplayer3/external/popcorn/popcorn.js"></script>
<link rel="stylesheet" href="http://publishing.ramp.com/FileResource/widgets/metaplayer3/build/mp2/theme.mp2.css">
<script src="http://publishing.ramp.com/FileResource/widgets/metaplayer3/external/jquery/jquery.iecors.js"></script>
<script src="http://publishing.ramp.com/FileResource/widgets/metaplayer3/build/metaplayer-complete.js"></script>
<script src="https://embed-ssl.wistia.com/deliveries/9b0ed3b4fd7a2eb3049b51cd26b48b9c0300e7b9.bin?disposition=attachment&amp;filename=jwplayer6.10.js"></script>
 <?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
   <allow-access-from domain="*" />
</cross-domain-policy>

 <title></title>
    <script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/9b0ed3b4fd7a2eb3049b51cd26b48b9c0300e7b9.bin?disposition=attachment&filename=jwplayer6.10.js"></script>
    <script type="text/javascript">jwplayer.key = "2U/m9jOYEC49U1j3cNoou7IjxvGS5j03XTpetE5wCVBAwRqhG9pSYWQIMW0=";</script>

<body bgcolor="#000000">

    

<center>
<div id="emergencycouplesatu">
</div>
<script type="text/javascript">
    jwplayer("emergencycouplesatu").setup({
    playlist: [{
        file: "https://cs634002.vk.me/u236883714/videos/d06dd4e076.480.mp4?extra=2Nt6JogOvDVuZRhIWFQWzEZtgsCdn34NkJ8Q6o-DvjIodcdj1KKeRAq_yD8n0ISR4dTKHTAWHUBxLbYL00sgKLOTnb0ekq3avA",
        type: "mp4",
        primary: "flash",
        height: 400,
        tracks: [{ 
            file: "https://dl.dropboxusercontent.com/s/foe3jv2gzy581xb/Stonehearst%20Asylum%202014%20720p%20WEB-DL%20DD5%201%20H264-RARBG.srt", 
            label: "spanish",
            kind: "captions",
            "default": true 
        },{ 
            file: "", 
            label: "English",
            kind: "captions",}]
    }],
        width: 530
    });
</script>
</center>

CSS

h3 {
    color: #101010;
    font-family: Helvetica, Arial, sans-serif;
    margin: 20px;
    font-size: 20px;
}

.container {
    position: relative;
}

.metaplayer {
    width: 600px;
    height: 300px;
    outline: 1px solid red;
}

#transcript {
    margin-top: 10px;
    outline: 1px solid black;
    width: 600px;
    height: 100px;
}

#searchbar {
    outline: 1px solid black;
    width: 600px;
}