難しいことしなくてもコピペで完成する時代（ニコニコ外部プレーヤー貼り付けの巻）

前回の続き。masterkei.hatenablog.com

結局よくわからんなぁ。。。となってしまいました。
幸いにも近くにJavascriptのプロがいたので、泣きついてみる。

「わざわざこんな難しいことしなくても、ニコニコの外部URLを張り付ければいいんじゃないですか？」

そうかなー、とか思いながら貼り付けてみた。

できた。

できたーーーーーー

ていうかなんでこれ試さなかったんだろう。

URL丸ごとレコードに格納して、エスケープで表示させたらうまく行かなかった
↓
URLの一部だけをレコードに入れて、スクリプトを書いた

この流れの中で、「URLの一部だけレコードに格納して、タグを直で書く」という発想が抜けたんだな。

くーやしーぃ

というわけで最終的にはこんな感じに。

<div id="g">
  <div class="container">
    <div class="row centered">
      <div class="col-md-8 col-md-offset-2">
        <h2>エンディングテーマ</h2>
        <% @anime_details.each do |anime_detail| %>
            <% if anime_detail.ed_artist? %>
                <br><p>artist:<span class="h3"> <%= anime_detail.ed_artist %></span></p>
                <p>title:<span class="h3"> <%= anime_detail.ed_title %></span></p>
                <% if /\/watch\/([^&]+)/ =~ anime_detail.ed_movie  #niconico %>
                    <div class="nico_player">
                      <script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/<%= $1 %>"></script>
                      <noscript><a href="http://www.nicovideo.jp/watch/<%= $1 %>">ニコニコ動画リンク</a></noscript>
                    </div>
      <% elsif /\?v=([^&]+)/ =~ anime_detail.ed_movie #youtube %>
                    <div class="youtube-container">
                      <iframe id="player" type="text/html" width="640" height="390"
                              src="https://www.youtube.com/embed/<%= $1 %>"
                              frameborder="0"></iframe>
                    </div>
                <% end %>
            <% end %>
        <% end %>
      </div><!-- /col-md-8 -->
    </div><!-- /row -->
  </div><!-- /.container -->
</div>

表示できマスタング。

わからなくなったときは一回入り口まで戻ってみるのも大事だということを学びましたです。

しかしこれだと今度は.nico_playerのスタイルが反映されなくなった。
アチラを立てればコチラが立たず。。。

つづく。masterkei.hatenablog.com