我有很多视频缩略图,当有人点击缩略图时,我试图在缩略图上方显示原始视频播放器。我正在使用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>