如何加载jQuery URL onclick？

我有以下<a>标签，这是用户点击查看其视频的位置。到目前为止，它会起到一个标准的视频网址：如何加载jQuery URL onclick？

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

我将如何加载VIDEO_URL以及在onclick属性中？

来源

2014-10-17 David542

你可以只用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>

来源

2014-10-17 15:00:51 emaxsaun

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

});

来源

2014-10-17 01:21:32

你会在哪里把'{{asset.file_scratch_encode_url}}'网址是什么？ – David542 2014-10-17 01:24:57

确切你在哪里，我想。这是您显示来源的车把/胡子模板吗？无论如何，上面的代码将会按照你的要求去做。 – 2014-10-17 01:39:12

假设你已经定义jwplayer和玩家已经加载并准备播放，如果你想点击将加载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('video-player').load({file:video});

。

来源

2014-10-17 07:45:45 Ben

如何加载jQuery URL onclick？

回答

相关问题