Ruby on Rails | Youtubeの動画埋め込み

↓↓クリックして頂けると励みになります。

Ruby on RailsのビューにYouTubeの動画を埋め込むには、まずフィールドに共有URLのコードを保存する必要があります。


コントローラの記述です。

  private
  def set_report
    @report = Report.find(params[:id])
  end

ビューに入力用フォームを作成します。

<div class="container">
    <div class="mb-4 mt-4 mr-4">
        <label for="exampleFormControlInput1" class="form-label ttl3">YouTube共有リンク</label><span>(https://youtu.be/ここを入力)</span>
        <%= f.text_field :video, class: "form-control w-100", id: "exampleFormControlInput1", placeholder: "https://youtu.be/ここを入力"  %>
    </div>
</div>

このフィールドに保存するコードは、共有リンクのコードです。

共有リンクのコード

ビューにはiframeを利用し、以下のように記述します。

           <% if @report.video.present? %>
            <div class="card mt-4">
                <iframe height="360" src="https://www.youtube.com/embed/<%= @report.video %>" allowfullscreen></iframe>
            </div>
            <% end %>

これでYouTubeの動画を埋め込むことができます。

YouTubeの動画埋め込み

↓↓クリックして頂けると励みになります。