@()

@main("Transcription result", "demo") {

<!-- Main Wrapper -->
<div id="main-wrapper">
  <div class="container">
    <div class="row">
      <div class="6u skel-cell-mainContent">

        <!-- Content -->
        <div id="content">
          <article class="last">

          <h2>Transcription</h2>

          <p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
          Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
          Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis nisi
          consequat etiam lorem ipsum dolor sit amet nullam.</p>


          </article>
        </div>

      </div>
      <div class="5u">

        <!-- Sidebar -->
        <div id="sidebar">

          <section>
          <h3>Your file</h3>
            <video src="@routes.Assets.at("video/BFMTV_BFMStory_2012-01-10_175800.mp4")" width="512" height="288"></video>
          </section>


        </div>

      </div>
    </div>
  </div>
</div>

<script>
// jQuery method
$('video').mediaelementplayer();
</script>
}

@()

@main("Transcription result", "demo") {

<!-- Main Wrapper -->
<div id="main-wrapper">
  <div class="container">
    <div class="row">
      <div class="6u skel-cell-mainContent">

        <!-- Content -->
        <div id="content">
          <article class="last">

          <h2>Transcription</h2>

          <p>Phasellus quam turpis, feugiat sit amet ornare in, hendrerit in lectus.
          Praesent semper mod quis eget mi. Etiam eu ante risus. Aliquam erat volutpat.
          Aliquam luctus et mattis lectus sit amet pulvinar. Nam turpis nisi
          consequat etiam lorem ipsum dolor sit amet nullam.</p>


          </article>
        </div>

      </div>
      <div class="5u">

        <!-- Sidebar -->
        <div id="sidebar">

          <section>
          <h3>Your file</h3>
          <video width="512" height="288" controls preload>
            <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
            <source type="video/mp4" src="http://localhost/tmp/BFMTV_BFMStory_2012-01-10_175800.mp4" />
            <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
            <source type="video/webm" src="http://localhost/tmp/BFMTV_BFMStory_2012-01-10_175800.webm" />
          </video>
          </section>


        </div>

      </div>
    </div>
  </div>
</div>

<script>
// jQuery method
$('video').mediaelementplayer();
</script>
}

Load video files from Nginx otherwise seeking is impossible
Load video files from Nginx otherwise seeking is impossible
