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

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

*

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

   

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

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

今回は、タブレットでブログを書いているときに、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

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

  関連記事

マシンを変えたらFlashの画質が落ちたと言われたときにチェックすること

1年以上前の記事です。内容が古い可能性があります。あるお客さんからマシンを変えた …

背景(バックグラウンド)のイメージをモニター(ウインドウ)のサイズによって変える(レスポンシブルデザイン)Webサイトの作り方【CSS3コーディング】

1年以上前の記事です。内容が古い可能性があります。今、作っている某総合福祉センタ …

ソフトバンク携帯(iPhone)の契約変更、一番早いのは157

お店に行くとやたら待たされるのがケータイ電話(スマートフォン)の契約です。 新規 …

ローリングシャッター歪み(こんにゃく現象)を解決する撮影の方法

1年以上前の記事です。内容が古い可能性があります。以前、当ブログでも紹介したスマ …

「NotTV」の解約方法【docomoのスマホ契約後の有料サービス解約手順】

1年以上前の記事です。内容が古い可能性があります。以前、書いたこちらの記事の続編 …

プラシーボ効果スゲぇ。噂の除菌カードを携帯し始めたらマスクが要らなくなった【花粉症対策】

1年以上前の記事です。内容が古い可能性があります。これはプラシーボ効果がすごいの …

Flickrでタグを使ったスライドショーが非常に便利

1年以上前の記事です。内容が古い可能性があります。せっかくFlickrを有料で使 …

livedoor Readerで購読のRSSを「Byline」で読む方法

1年以上前の記事です。内容が古い可能性があります。ツイッターで以下のようにつぶや …

Facebookのプロフィールを検索エンジンにヒットさせない設定

1年以上前の記事です。内容が古い可能性があります。【 一部手順が変わっ …

no image
コピー防止用紙の作り方

1年以上前の記事です。内容が古い可能性があります。コピー防止用紙って知ってますか …

血液型オヤジ