<div id="player">
  <% if  @pbcore.image? %>
    <%= tag('img', src: @pbcore.proxy_src) %>
  <% else %>
    <% if  @pbcore.audio? %>
      <%= tag('img', src: @pbcore.thumbnail_src) %>
      <br/>
    <% end %>
    <%= content_tag(@pbcore.video? ? 'video' : 'audio', 
                  controls: true,
                  oncontextmenu: 'return false;', 
                  width: 400, height: 300,
                  poster: @pbcore.thumbnail_src) do %>
      <% @pbcore.proxy_srcs.each do |src| %>
        <%= tag('source', src: src, type: @pbcore.video? ? 'video/mp4' : 'audio/mp3') %>
      <% end %>
      
      <!-- We have transcripts, but not SRT caption files:
        <track kind="captions" src="..."/>
      -->
    <% end %>
  <% end %>
  <% if @pbcore.transcript_html_src %>
      <iframe src="<%= @pbcore.transcript_html_src %>"></iframe>
  <% end %>
</div>
<div id="player">
  <% if  @pbcore.image? %>
    <%= tag('img', src: @pbcore.proxy_src) %>
  <% else %>
    <% if  @pbcore.audio? %>
      <%= tag('img', src: @pbcore.thumbnail_src) %>
      <br/>
    <% end %>
    <%= content_tag(@pbcore.video? ? 'video' : 'audio', 
                  controls: true,
                  oncontextmenu: 'return false;', 
                  class: 'col-lg-4 col-md-5 col-sm-6 col-xs-12',
                  poster: @pbcore.thumbnail_src) do %>
      <% @pbcore.proxy_srcs.each do |src| %>
        <%= tag('source', src: src, type: @pbcore.video? ? 'video/mp4' : 'audio/mp3') %>
      <% end %>
      
      <!-- We have transcripts, but not SRT caption files:
        <track kind="captions" src="..."/>
      -->
    <% end %>
  <% end %>
  <% if @pbcore.transcript_html_src %>
      <iframe id="transcript" src="<%= @pbcore.transcript_html_src %>" 
              class="col-lg-8 col-md-7 col-sm-6 col-xs-12" 
              frameBorder="0" height="400"></iframe>
  <% end %>
</div>
<div class="clearfix"></div>
Use complementary BS classes so that video and transcript span the whole screen, but the video maintains a fairly consistent size.
Use complementary BS classes so that video and transcript span the whole screen, but the video maintains a fairly consistent size.
