Multi tool use

Html2Canvas with video player

I have a Jwplayer i want to connect with Html2canvas so it surves as a Screenshot style system but im clueless on HTM2Canvas ANy help would be great here is what i got

<script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/jquery.js">
</script>
<script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/html2canvas.min.js">
</script>
<script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/jquery.plugin.html2canvas.js">
</script>
<script src="//content.jwplatform.com/libraries/wr6i4gal.js"></script>
<script src="//s3.amazonaws.com/support-static.jwplayer.com/staging/modernizr.js"></script>
<script type="text/javascript">
// jwplayer.key="=";
jwplayer.key = '';</script><div id="video">
</div>
<script type="text/javascript">
jwplayer('video').setup({
'skin': 'bekle',
logo: {
file: '',
position: 'top-right',
hide: false

},
'file': "m3u8",
'title': 'LIVE',
'aspectratio': '16:9',
stretching: 'exactfit',
'bufferlength': '5',
'height': '304px',
'width': '440px',
'primary': 'hls',
'sharing':'false',
'autostart': 'true',
'wmode': 'opaque',
'image': '',
'abouttext': 'live',
'aboutlink': ''
});
</script>

<script>
$('#video').html2canvas({
onrendered : function(canvas) {
var img = canvas.toDataURL();
// img now contains an IMG URL, you can do various things with it, but most simply:
$('<img>',{src:img}).appendTo($('body'));
}
});
</script>


I am very stuck and I am not sure where to go next with it.

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.