JWPlayer speed
by hiteshbhilai2010
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/external/jwplayer/jwplayer.js"></script>
<script src="http://publishing.ramp.com/FileResource/widgets/metaplayer3/build/metaplayer-complete.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://jwpsrv.com/library/3bMFypKqEeKK7CIACqYeXg.js"></script>
</head>
<body>
<div id='my-video'></div>
<div id="play" style=" top: 40px; position: relative; ">play</div>
<button id="speed_10" style=" top: 16px;float:right; right: 1000px; position: relative; ">play</button>
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;
}
JavaScript
jwplayer('my-video').setup({
sources: [
{file:'//publishing.ramp.com/FileResource/widgets/metaplayer3/external/jwplayer/blank.mp4' , type: "mp4" },
//{ file:'./test.ogg' , type: "ogg" }
],
width:'640px',
height:'360px',
// image : './test.jpg'
});
$("#speed_10").click(function() {
myVid=$( "#my-video" ).find('.jwvideo').find('video');
alert(myVid.length);
alert(myVid.playbackRate)
alert($( "#my-video" ).find('.jwvideo').find('video').attr('src'))
alert($( "#my-video" ).find('.jwvideo').find('video').length)
$( "#my-video" ).find('.jwvideo').find('video').PlaybackRate=0.5;
});
jwplayer("my-video").onPlay(function() {
// alert('myspeed')
//alert(document.getElementById("my-video").querySelector("video").PlaybackRate)
//alert($( "#my-video" ).find('.jwvideo').find('video').length)
//document.getElementById("my-video").querySelector("video").PlaybackRate = 0.2;
})
)