vidpush/app/views/videolistings/show.html.erb

<div class="container">
  <section>
    <div class="pull-right">
      <%= link_to 'Back to Campaign', campaign_path(@videolisting.campaign.listingcode) %> |
      <%= link_to 'Back to Campaigns List', campaigns_path %>
    </div>
    <h1><%= @videolisting.campaign.advertisername %> </h1>
    <hr>
    <p id="notice"><%= notice %></p>
    <div class="row">
      <div class="col-md-8">
        <ul>
          <li><h2>Video Code</h2>
            Here is the video code:

            <input type="text" id="videocode" value="<%= @videolisting.videocode %>">
            <button class='clip_button' data-clipboard-target='videocode' data-clipboard-text='<%= @videolisting.videocode %>' id='clip_button' title='Click me to copy to clipboard.'>
                <b>Copy To Clipboard...</b>
            </button>

            <hr>

            <h3>Preview Image</h3>

           <%= image_tag(@videolisting.get_preview_url) %>
          </li>
        </ul>
      </div>
    </div>
  </section>
</div>



<% content_for :js_foot do %>
    <script>
        $(document).on('ready page:load', function () {
            var clip = new ZeroClipboard($("#clip_button"));
        });
    </script>

<% end %>