Laden Sie das Video mit jQuery in den JW Player
Wenn ich JW Player folge, kann ich (offensichtlich) ein Video laden, das so aussieht:
<script type="text/javascript" src="/scripts/jwplayer.js"></script>
<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
jwplayer("myElement").setup({
file: "/uploads/example.mp4",
height: 360,
image: "/uploads/example.jpg",
width: 640
});
</script>
Ich versuche, etwas in diesem Sinne zu erreichen, um ein Video in ein Modal zu laden, sobald dieses Modal ausgelöst wurde (mit jQuery):
$("body").on('click', '[data-toggle=modal]', function(e){
var vid = $(this).attr('data-video');
jwplayer("videoElement").setup({ file: vid, width: 540 });
jwplayer("videoElement").play();
});
Ich erhalte jedoch den Fehler:Uncaught TypeError: Cannot call method 'setup' of null
Ich habe die folgenden (wahrscheinlich schrecklichen) Ideen ausprobiert:
$("#videoElement").jwplayer.setup({ file: vid, width: 540 });
und
var $jwplayer = jwplayer();
$("body").on('click', '[data-toggle=modal]', function(e){
$jwplayer("videoElement").setup({ file: vid, width: 540 });
}
Alle ergeben jedoch das gleiche Ergebnis vonCannot call method 'setup' of null
Alle Hinweise wäre sehr dankbar.