ツール

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

どうも。周りにコーヒー好きが沢山いるLiabです。 はじめに言っておきますと、私はあまりコーヒー好きではありません。笑 ですが、奥さんは毎日コーヒーを飲んでいるコーヒー大好き娘です。 そんな奥さんが毎 ...

2

当ブログでは過去に、人気のある音楽ストリーミングサービス(聴き放題サービス)を徹底解説してきました。 最近はますますサービス内容の横並び感が強くなってきていますが、やはりどのサービスにも特徴はあります ...

3

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

4

今日は、2016〜2017年で実際に「買って良かった」「使ってよかった」という商品・サービスを、「生活全般」「育児関連」「カメラ関連」「サービス関連」の4ジャンルに分けてまとめてみようと思います。 気 ...

-ツール

Copyright© BACKFLOW , 2017 All Rights Reserved.