ツール

YouTubeを埋め込んでも重くならないようにする方法の『コードを自動生成するツール』を作ったよ

更新日:

これらの記事を見て思いました。

shiromatakumi.hatenablog.com

「凄くイイ!!」

「でも…手順多いなあ…」

横着者の私は「なんとかして手順を減らしたい!」と思いまして、「動画URLを貼るだけで、完成コードが出てくるツール」を作成しました。

スポンサーリンク

作ろうと思った経緯

上の記事の中で「YouTubu動画を貼り付けたい場所に貼り付けるコード」というのがあると思います。

こういうものです。

このコードは「動画を貼り付けたい場所に貼り付けるコード」なんですが、ブログに貼り付ける前に、「動画ID」や「画像の幅」等をコピペ(もしくは手打ち)する必要があります。

私はこれが「面倒だな…」と思ってしまいました。

思い立ったら吉日!「YouTubuのアドレスを貼り付けるだけで、完成コードが吐き出されるツール」を外注に作成依頼し完成しました!

その名も「ようつべタグぽん

「ようつべタグぽん」詳細

これはYOUTUBEのアドレスを貼り付けるだけで、ブログに貼り付ける完成コードが吐き出される仕組みになっています。

加えて、その他の機能としましては、

  • サムネイルのサイズ指定ができる
  • 同時に複数の動画のタグを生成可能
  • プレビュー機能

というものがあります。

使い方

① まず以下の記事を参考にして、埋め込み動画がサムネイル画像で表示されるように下準備をして下さい。

② 次にYOUTUBEにて、貼りたい動画のURLをコピーしてきます。

③ それから「ようつべタグぽん」に移動して、表示させたいサムネイル画像のサイズを指定します。

ようつべタグポン

④ 先ほどコピーしてきた「貼りたい動画のURL」をペーストして、「タグを生成」をクリックします。

f:id:varevo:20160522023939p:plain

⑤ タグが生成されますので、「コピー」をクリックして、ブログ内の表示させたい場所に貼り付けて終わりです。

ようつべタグポン

その他機能

同時に複数の動画のタグを生成することが出来ます。

ようつべタグポン

f:id:varevo:20160522024511p:plain

プレビュー機能

プレビュー

スポンサーリンク

サムネイルサイズ サンプル

ブログに表示されるサムネイル画像のサイズサンプルです。

通常のYoutube埋め込み


Nas - I Can

ようつべタグポンを使用した場合

120×90 default.jpg

f:id:varevo:20160525023050p:plain

120×90 1.jpg

f:id:varevo:20160525023101p:plain

120×90 2.jpg

f:id:varevo:20160525023110p:plain

120×90 3.jpg

f:id:varevo:20160525023118p:plain

320×180 mqdefault.jpg

f:id:varevo:20160525023136p:plain

480×360 hqdefault.jpg

f:id:varevo:20160525023145p:plain

480×360 0.jpg

f:id:varevo:20160525023200p:plain

640×480 sddefault.jpg

f:id:varevo:20160525023214p:plain

1280×720 maxresdefault.jpg

f:id:varevo:20160525023223p:plain

最後に

これで、ひと手間、ふた手間減らせると思います。

ご自由に使って下さいな!!

では。

※ Ver.2.0ではサムネイルにタイトルが入れれるようになりました。

【新機能追加】「ようつべタグぽん ver.2.0」で、動画タイトルを挿入できるようになりました

先日、「YouTubeを埋め込んでも重くならないようにする方法」の手順を減らすツール「ようつべタグぽん」を公開しました。 そして今回、「動画タイトルをサムネイル画像に表示させる機能」を追加した「ようつ ...

続きを見る

おすすめ記事

1

前から思ってたんだけど『LINE』てちょっとださいよね?いや、雰囲気っていうかさ、ヴァイブスっていうかさ。作ってる国もcふぇvん…。 でも誤解しないで!LINEを愛するジャパニーズピーポーを怒らせる気 ...

2

2016年もあと少しで終わりですねぇ。ホントあっという間。 今日は、この一年で実際に「買って良かった」「使ってよかった」という商品・サービスを、「生活全般」「育児関連」「カメラ関連」「サービス関連」の ...

3

キターーーーーー!! ついにワイルド・スピード最新作「ワイルドスピード アイスブレイク(8)」の予告動画が解禁されました! 早速どうぞ! ※ 動画更新!!(3/21) まさかの展開!ドムがファミリーを ...

4

いやはや、現役ブラックリストの私が、まさかゴールドカードを手に入れる日が来るとは… 参考現役ブラックリストの私が審査に通ったクレジットカード 僕は普段「楽天カード」を使っているんですが、ゴールドカード ...

-ツール

Copyright© BACKFLOW (バックフロウ) , 2017 AllRights Reserved.