调整视频播放器的大小,并为其提供不同的视频网址

时间:2013-11-13 10:29:23

标签: javascript jquery ruby-on-rails flash jwplayer

我有很多视频缩略图,当有人点击缩略图时,我试图在缩略图上方显示原始视频播放器。我正在使用jwplayer,我想在点击缩略图时显示原始视频。通过给视频网址提供div并使jwplayer可见并将其调整为100%。

当有人点击按钮时,我希望玩家隐藏宽度和高度为0%(以防止缩略图上的边距或空白。)通过点击不同的缩略图,视频网址会发生变化并被隐藏或显示。 此代码不起作用。有没有人有任何想法?

我已经定义了所有div。

这是Jquery

    $(document).ready(function() {
         $(".popup_link2").click(function(e) {
            e.preventDefault();
            $("#video").html( jwplayer('video').attr('file', $(this).attr("href")) );
            jwplayer("video").resize('100%', '400');
         });
      });

   $(document).ready(function() {
         $(".btn").click(function() {
          jwplayer("video").resize('0', '0');
      });
    });

这是jwplayer。和Divs。

<div class="thumball"> 
  <% @project.assets.each do |asset1| %>
  <% if asset1.video.file? %>
    <li class="thumbnail span1 col-md-2" id="thumb2" style="border: none; float: none; display: inline-block !important; float: none !important; position: relative;">
      <%= link_to asset1.video.url(:orginal), class: :popup_link2, target: :_blank do %>
      <div class="picture1">
       <span class="roll" ></span>
       </div>
    <% end %>
    <% end %>
    <script type="text/javascript">
      jwplayer("video").setup({
          flashplayer: "<%=asset_path('jwplayer.flash.swf')%>",
          file: '<%= asset1.video.url(:original) %>',
          primary: "flash",
          height: 0,
          width: 0,
          analytics: {
              enabled: false,
             cookies: false
         }
      });

    </script> 
  <% end %>
  </li>
</div>  

0 个答案:

没有答案