LoginSignup
1
0

More than 3 years have passed since last update.

Laravel ビューファイルで作成する画面にYoutubeの動画を埋め込む

Last updated at Posted at 2020-07-10

目的

  • Youtubeの再生画面をLaravelのビューファイルに埋め込む方法をまとめる。

実施環境

  • ハードウェア環境
項目 情報
OS macOS Catalina(10.15.5)
ハードウェア MacBook Pro (13-inch, 2020, Four Thunderbolt 3 ports)
プロセッサ 2 GHz クアッドコアIntel Core i5
メモリ 32 GB 3733 MHz LPDDR4
グラフィックス Intel Iris Plus Graphics 1536 MB
  • ソフトウェア環境
項目 情報 備考
PHP バージョン 7.4.3 Homwbrewを用いて導入
Laravel バージョン 7.0.8 commposerを用いてこちらの方法で導入→Mac Laravelの環境構築を行う
MySQLバージョン 8.0.19 for osx10.13 on x86_64 Homwbrewを用いてこちらの方法で導入→Mac HomebrewでMySQLをインストールする

前提条件

  • 実施環境のLaravelアプリ動作環境が構築できていること。

前提情報

  • 特になし

読後感

  • Laravelのビューファイルを用いた画面の表示にYoutubeの再生ウインドウを埋め込むことができる。

概要

  1. 埋め込みリンクのコピー
  2. ビューファイルの記載

詳細

  1. 埋め込みリンクのコピー

    1. ブラウザにてYoutubeのページを開く。
    2. 埋め込みたい動画の「共有」をクリックする。

      Awesome_City_Club_–_今夜だけ間違いじゃないことにしてあげる__Music_Video__-_YouTube.png

    3. 「埋め込む」をクリックする。

      Awesome_City_Club_–_今夜だけ間違いじゃないことにしてあげる__Music_Video__-_YouTube_🔊.png

    4. 表示されたhtml形式のリンクをコピーする。

      Awesome_City_Club_–_今夜だけ間違いじゃないことにしてあげる__Music_Video__-_YouTube-2.png

  2. ビューファイルの記載

    1. Youtubeを埋め込みたいビューファイルを開き、埋め込みたい箇所に先にコピーしたリンクを貼り付ける。
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0