新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

タブレットでYouTubeの埋め込みタグをブログに配置する方法

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

タブレットっていうのは半分パソコン、半分スマホ。
便利な部分もあれば不便な部分もあります。

今回は、タブレットでブログを書いているときに、YouTubeの動画をブログの記事内に埋め込む方法を説明します。

信じれんタブレットだなこれ、カバンの中に入れてただけ で勝手に初期化された
実は、タブレットを購入してました。

スポンサーリンク
 

YouTubeの動画をブログに配置するときは、YouTube側から埋め込み用のソース(タグ)をコピーしてきて、それをブログのソースに貼り付けるのが一般的な方法だと思います。
これ、パソコンだったら埋め込みたい動画ページで「共有」→「埋め込む」だけでソースが入手できるのですが、タブレットだと簡単には手に入らない。

まず、タブレットの場合、YouTube動画を開くと何故か、YouTubeアプリで開いてしまうことがあり、ここが最初のネックになります。

ということで、まずはYouTube動画をアプリでなく、ブラウザ(ここではGoogleChrome)で開くことから始めます。

  1. とりあえず、YouTubeアプリで埋め込みたい動画を共有します。
  2. 共有の際は「メモ帳」を選びます。(メールとかでも同じことができると思います)
  3. そうすると、こういった形で動画のURLがわかりますので、これをコピーします。
  4. で、ブラウザ(GoogleChrome)を起動してアドレスバーに貼り付ける。
  5. ここ、パソコンだったらエンターキーなのですが、タブレットの場合「エンターキー」がないので、プルダウンで表示された同じURLの部分をタップしてあげるといいと思います。

ここまでで第一段階終了。

  1. 今度はブラウザで埋め込みたい動画を共有します。(動画変わってるますがスルーしてくださいw)
  2. ここでは「Blogger」を選んでください。(Bloggerのアカウントがない人は表示されないかもしれません)
  3. そうすると、動画が埋め込まれた状態でBloggerに遷移します。
    ここで「HTML」の編集タブをクリックし、
  4. ソース表示にさせることでYouTubeの埋め込みタグが入手できるというわけです。

そんなこんなでタブレットでも無事、YouTubeの動画埋め込みタグが入手できました。
他にもっと簡単な方法を知っている方がいれば、教えてください。

 - 動画, 覚え書き , , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

no image
ツイッター(Twitter)の9つのルールが参考になる

1年以上前の記事です。内容が古い可能性があります。ロケットニュースさんで扱ってい …

タンブラー(tumblr)に独自ドメインを設定してみた

1年以上前の記事です。内容が古い可能性があります。タンブラー(tumblr)って …

いまどきの履歴書サイズは「B4二つ折り」ではなく「A4」

1年以上前の記事です。内容が古い可能性があります。訳あって、履歴書などを書いてい …

11人しかフォロワーのいないmixiページですが流入があります

1年以上前の記事です。内容が古い可能性があります。以前、「mixiページにアクセ …

iPhoneでYouTubeをBGMに使う方法

1年以上前の記事です。内容が古い可能性があります。iPhone(アイフォーン)で …

新しいGoogleマップで埋め込み地図を作る(地図を埋め込む)方法

1年以上前の記事です。内容が古い可能性があります。新しいGoogleマップになっ …

またやっちゃった!今度は「livedoorBlog」から記事強制削除。やっぱり私人(一般人)の本名はNG

1年以上前の記事です。内容が古い可能性があります。まさに青天の霹靂な出来事が起こ …

kwout対策されているサイトから画像を引用する方法

1年以上前の記事です。内容が古い可能性があります。自分はサイトから画像を引用する …

WordPressでテーマカスタマイズ、ヘッダー(header.php)、フッター(footer.php)で消してはいけないプログラム #wp

1年以上前の記事です。内容が古い可能性があります。自分でカスタマイズしたWord …

Adobe Bridge(ブリッジ)画像を一覧で印刷する方法

1年以上前の記事です。内容が古い可能性があります。意外なことにAdobe Bri …

血液型オヤジ