javascript - 如何加载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>

如何在 onclick 中加载 video_url？属性？

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>