|
|
@ -5,11 +5,10 @@
|
|
|
|
<% top_videos.each_slice(4) do |slice| %>
|
|
|
|
<% top_videos.each_slice(4) do |slice| %>
|
|
|
|
<div class="pure-g">
|
|
|
|
<div class="pure-g">
|
|
|
|
<% slice.each do |video| %>
|
|
|
|
<% slice.each do |video| %>
|
|
|
|
<% player_response = JSON.parse(video.info["player_response"]) %>
|
|
|
|
|
|
|
|
<div class="pure-u-1 pure-u-md-1-4">
|
|
|
|
<div class="pure-u-1 pure-u-md-1-4">
|
|
|
|
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
|
|
|
|
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
|
|
|
|
<a style="width:100%;" href="/watch?v=<%= video.id %>">
|
|
|
|
<a style="width:100%;" href="/watch?v=<%= video.id %>">
|
|
|
|
<img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
|
|
|
|
<img style="width:100%;" src="https://i1.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
|
|
|
|
<p><%= video.title %></p>
|
|
|
|
<p><%= video.title %></p>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|