Как загрузить jquery url onclick?

Question

У меня есть следующий тег <a>, на котором пользователь нажмет, чтобы просмотреть их видео. До сих пор он будет играть стандартный URL видео:

<a href="#;" class="video-preview" onclick="jwplayer('video-player').play()" 
    data-video_url="{{ asset.file_scratch_encode_url }}"> 
    View encode 
</a> 

Как бы я нагрузить VIDEO_URL, а в атрибуте onclick?

Answer 1

Вы можете сделать это только с JS, не JQuery не нужен - http://support.jwplayer.com/customer/portal/articles/1439570-example-loading-new-playlists

<div id="myElement"></div> 

<script> 
    jwplayer("myElement").setup({ 
    image: "/uploads/myPoster.jpg", 
    file: "/uploads/myVideo.mp4", 
    title: "My Cool Trailer" 
    }); 
</script> 

<script> 
    function loadVideo(myFile,myImage) { 
    jwplayer().load([{ 
     file: myFile, 
     image: myImage 
    }]); 
    jwplayer().play(); 
    }; 
</script> 

<li><a href="javascript:loadVideo('file1.mp4','image1.jpg')">Video 1</a></li> 
<li><a href="javascript:loadVideo('file2.mp4','image2.jpg')">Video 2</a></li> 
<li><a href="javascript:loadVideo('file3.mp4','image3.jpg')">Video 3</a></li> 

Answer 2

$(function() { 
    $('a.video-preview').on('click', function(e) { 
     e.preventDefault(); 
     jwplayer('video-player').play(); 
    }); 

}); 

Answer 3

Предположим, вы уже определили jwplayer и игрок был загружен и готов к игре, этот сценарий изменит видео в плеере

var video = $('.video-preview').attr("data-video_url"); //consider adding an id to <a> tag 
$('a.video-preview').on('click', function(){ 
      jwplayer('video-player').load({file:video}); 
    }); 

}); 

Если вы хотите нажмите загрузит jwplayer с видео , заменить

jwplayer('video-player').load({file:video}); 

с настройкой вашего плеера.