customizing video modal

app/views/home/index.html.haml

@@ -75,25 +75,19 @@
                         .tooltipster_title
                           #{project.status}
                           .tooltipster_title_name #{project.title}
-                        %a.tooltipster_img{"data-target" => "#video", "data-toggle" => "modal", :href => "//www.youtube.com/embed/uX12dn47Dy0?rel=0&autoplay=1&showinfo=0html5=1"}
-                          = image_tag("#{VideoInfo.new("www.youtube.com/embed/uX12dn47Dy0?rel=0&autoplay=1&showinfo=0html5=1").thumbnail_small}")
+                        - project.project_videos.each do |project_video|
+                          %a.tooltipster_img{"data-target" => "#video", "data-toggle" => "modal", :href => "#{project_video.video_link}"}
+                            = image_tag("#{VideoInfo.new("#{project_video.video_link}").thumbnail_small}")
                       .tooltipster_bot
-                        %a.tooltipster_link{:href => "#"} #{project.site}
+                        = link_to "#{project.site}", project.site
                 .grid_item.last
                   %span.grid_item_content.tooltipstered
                     %a.get_involved_link.centered{"data-original-title" => "приєднатись", "data-placement" => "top", "data-toggle" => "tooltip", :href => "#"}
                       %span.get_involved_circle
-                        %img.icon_plus{:alt => "", :src => "img/plus.svg"}/
+                        %img.icon_plus{:alt => "", :src => "plus.svg"}/
               .progress
                 .progress-bar{"aria-valuemax" => "100", "aria-valuemin" => "0", "aria-valuenow" => "58", :role => "progressbar", :style => "width: 58%"}
                   .progress_value_lg 58 / 100
-              #video.modal.fade.modal_styled.modal_video.modal_centered{"aria-labelledby" => "modalLabel", :role => "dialog", :tabindex => "-1"}
-                .modal-dialog{:role => "document"}
-                  .modal-content
-                    %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"}
-                      %i.icon.icon_close2
-                    .embed-responsive.embed-responsive-16by9
-                      %iframe{:allowfullscreen => "", :frameborder => "0", :height => "315", :src => "", :width => "560"}
       .main_head_bot
         .head_soc
           %a.round_link.soc_link_yt{:href => "#"}
@@ -499,3 +493,10 @@
   %div на початок
 %script{:src => "http://maps.googleapis.com/maps/api/js?libraries=geometry&sensor=false&key=AIzaSyCd7M4P6CpmOv7_K1XGn_0JgEa47r97tu4&callback=initMap", :type => "text/javascript"}
   :cdata
+#video.modal.fade.modal_styled.modal_video.modal_centered{"aria-labelledby" => "modalLabel", :role => "dialog", :tabindex => "-1"}
+  .modal-dialog{:role => "document"}
+    .modal-content
+      %button.close{"aria-label" => "Close", "data-dismiss" => "modal", :type => "button"}
+        %i.icon.icon_close2
+      .embed-responsive.embed-responsive-16by9
+        %iframe{:allowfullscreen => "", :frameborder => "0", :height => "315", :src => "", :width => "560"}