0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【iframe】各配信サイトの埋め込み用URL形式まとめ

Posted at

はじめに

iframeを使って様々な配信サイトの動画(録画)や生配信をアプリケーションに埋め込み時必要な埋め込み用URL形式についてまとめました。
以下の配信サイトを対象としています。

  • YouTube
  • TwitCasting(ツイキャス)

また、最後に動画が上手く再生/表示されない時の対処法を記載しています。

埋め込み用URL形式

YouTube

埋め込みたい動画/配信のURLから動画/配信IDを取得し、以下形式にはめ込む。

  • 埋め込みたい動画/配信のURL例
    https://www.youtube.com/embed/abcdefg
                                                         (動画/配信ID)

    image.png

動画、ライブ配信共に以下のURL形式

https://www.youtube.com/embed/(動画/配信ID)

TwitCasting(ツイキャス)

埋め込みたい配信のURLから(ユーザーID)(動画ID)を抜き出し、下記記法にはめ込む。

  • 埋め込みたい配信のURL例
    https://twitcasting.tv/test1234567/movie/123456789
                                     (ユーザーID)            (動画ID)

    image.png

動画

https://twitcasting.tv/(ユーザーID)/embeddedplayer/(動画ID)

配信

https://twitcasting.tv/(ユーザーID)/embeddedplayer/live

動画が上手く表示/再生されない時の対処法

動画のURL(動画IDなど)が正しくない

Youtube TwitCasting
image.png image.png
  • 動画IDなどを確認する

動画URLとは無関係な文字列が含まれている

image.png

  • 動画IDなどを確認する

他のサイトへの埋め込みが許可されていない

image.png

  • 投稿動画の設定を確認する

配信が終了している

image.png

動画が削除されている

image.png

0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?