現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

YouTube

YouTube動画が重い時や遅い時に遅くならない簡単解決方法(続)

所要時間目安:3

This session is using  IPv4  is established in

この記事は2016年5月27日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年4月3日 (木曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. コメント欄を開閉式にする方法

    Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法 1PV

    前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

    もっと読む

  2. 新型デイズステアリングエクストレイルT32に取り付け夜間点灯

    新型デイズプロパイロットのステアリングをエクストレイルT32に取り付ける 1PV

    新型デイズB44W(B40系)が今年2019年3月28日に公表されて、3月29日新発売されてから早いもので約3ヶ月半が過ぎました。中古で良いのでオークションなどないかなぁと思いながら2週間くらい見てい…

    もっと読む

  3. ガソリンが高いトリガー条項は?一番安いガソリンスタンドは?go.go.gs 1PV

    一昨年・昨年からガソリン代(ガソリン価格)が全国的に上がり高くなっています。その原因はなんなのかはおそらく海外との情勢などが影響しているのだと思われます。 2000年代後半にも、一時期ガソリン価格が1…

    もっと読む

  1. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 27PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  2. アイドリングストップシステム異常警告灯表示対処方法 24PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  3. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 22PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  1. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 11PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  2. アイドリングストップシステム異常警告灯表示対処方法 10PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  3. 純正シートベルトバックル

    シートベルトがきついのでシートベルト延長(バックル延長) 8PV

    すべての車に付いているシートベルト…。 ですが、体型や車種によってシートベルトのバックルが短いとシートベルトを締めた際にきつくて運転自体がしにくくなってしまいます。 それでは、せっかくの安全装置である…

    もっと読む

今日は2025年4月3日です。

メルカリ招待コード:

以前の記事にYouTubeの動画が重い時や遅い時に、ページの表示速度やサイト自体が重くなってしまわないようにする方法を記載しました。ですが、WordPressにおいてのショートコード化で動画IDのクイックタグの追加にて簡素化しましたが、どうしても記事の最後部分に以下のスクリプトコード(<script>// <![CDATA[によるもの)をクイックタグに追加しようとしても私にはちょっと解決方法が見つけることが出来ませんでした。
(考えることができなかったというのが正解かもしれません…。)

 

 

アドセンス336pxPC閲覧記事下表示1つ目コード

 

この記事を読む方へのオススメ


そして、ならばショートコードで対応と思いましてfunction.phpに基本的なショートコードの記述方法にて記述しました。

 

一応、ショートコード化は成功したのですが…。
(ソースコードにはちゃんと反映されているのですが、思うように機能せずでした。)

たぶん、熟知されている方々はクイックタグへの追加やショートコード化も問題なくこなせるのかもしれません。

 

ちなみに、ショートコード化する際にはそのままですとサイト自体がエラーで表示されなくなってしまうので、

 

タグ変換サイトなどでエンコード(エンティティ?)してからfunction.php内に記述しないとなりませんでした。ました。

例えばこんな感じです。

 

&lt;script&gt;// &lt;![CDATA[
 $('.youtube').click(function(){
 video = '&lt;iframe src=&quot;'+ $(this).attr('data-video') +'&quot; frameborder=&quot;0&quot; width=&quot;480&quot; height=&quot;270&quot;&gt;&lt;/iframe&gt;';
 $(this).replaceWith(video);
 });
 // ]]&gt;&lt;/script&gt;

 

本当は以下のように表示されます。

 

<script>// <![CDATA[
 $('.youtube').click(function(){
 video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="480" height="270"></iframe>';
 $(this).replaceWith(video);
 });
 // ]]></script>

 

この上記コードを毎回Google日本語入力ソフトやMicrosoftIME(日本語入力)やATOKなどの辞書にて呼び出すのはちょっと面倒だし、

 

何より忘れてしまいがちかと思います。

なので、
それならば、そのままsingle.phpの記事本文の下部に追記しておけば良いのでは?

と考えまして、「外観」→「テーマの編集」にてphp内にそのまま記述しました。

追記場所としてはテーマによって異なるかもしれませんがおおむね同じような場所だと思います。

 

<?php the_content(); //本文 ?>
 <?php if ( function_exists( 'dynamic_sidebar' ) && dynamic_sidebar( 5 ) ) : else : ?>
 <?php endif; ?>
 <?php wp_link_pages(); ?>

 

上記位置・場所の下に上記してあるタグ変換(エンティティ変換?)の前のスクリプトコードを追記します。

 

<!--YouTube遅くならない方法スクリプトここから-->
 <script>// <![CDATA[
 $('.youtube').click(function(){
 video = '<iframe src="'+ $(this).attr('data-video') +'" frameborder="0" width="480" height="270"></iframe>';
 $(this).replaceWith(video);
 });
 // ]]></script>
 <!--YouTube遅くならない方法スクリプトここまで-->

 

こんな感じにです。

 

その結果は以下です。

 

 

重くなったり遅くなったりぜずに、ちゃんとYouTube動画がカッコいく表示されていると思います。

 

もう一つDAIGOさんと北川景子さんの結婚式の動画です。

 

 

ちょっと、以前の記事(上記)と動画の再生中に大きさがちっちゃくなっちゃっているかと思いますが、せっかくの良い方法を考案してくれた方々のアイデアと効率化を考えると、全く動画が再生されないわけではないので良いのではないでしょうか。

だって、
YouTubeの動画を大っきく表示するということがメインではなく、記事としての価値と記事の内容を伝えられることが一番ですから!!

※おそらくwidthとかheightとかの指定サイズを変更すれば投稿記事幅いっぱいに動画再生可能なのかもしれません。

Windows10サポート終了まで

【AmazonタイムセールSALE車&バイク】!


人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

出展:Amazonタイムセール

人気の商品が日替わりで登場。毎日お得なタイムセール

あなたにおすすめな関連記事

Pixlr(ピクセラ)

PC ツール ブラウザChrome 伝えたいこと 備忘録

無料おすすめな画像編集オンラインソフトPixlr(ピクセラ)がすごいっ

画像編集ソフトと言えばフォトショップ(Photoshop)が超メジャーなアプリケーションかと思われます。他にもオススメとしてはGIMPや名前は今回紹介するタイトルと同じですが、ちょっと違うたしかピクセ…

もっと読む

インフィード広告アドセンス

Gmailスクショ

PC 伝えたいこと 備忘録

Gmailで未読のみ表示する方法

Gmailが招待制から登録制になって早10年近くになります。招待制の頃から使用させていただいていましたが、Gmailのユーザインターフェイス(UI)も結構変わりました。また、デベロッパーツールでも公式…

もっと読む

インフィード広告アドセンス

ページ表示速度高速化

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロック解決方法ができた!!

ふぅ~ε=(・ρ・*) フゥ、やっとできた!! ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそ…

もっと読む

インフィード広告アドセンス

PC カスタマイズ カスタマイズ ツール 伝えたいこと 備忘録

ma4からmp3に音声変換動画変換無料オンラインツールサービスサイト

スマホやガラケーなどでの留守番電話などの音声録音の保存形式の拡張子は、ma4という拡張子が多いです。 ma4拡張子は現在開発段階でありますが、将来的にma4拡張子になるのかなとも感じています。 ただ、…

もっと読む

インフィード広告アドセンス

かたおとやわこで筋膜リリース

伝えたいこと 備忘録 時事ネタ 治療

首肩腰のこりにかたおとやわこ。保阪尚希監修ディープアタッカーが欲しい…。

テレワークが多くなっている中で、パソコンの使用頻度が多くなっているのではないでしょうか。テレワークができない職種の方々には感謝しか言いようがありません。暑い中や寒い中に外で仕事をされていらっしゃる方や…

もっと読む

インフィード広告アドセンス

WordPressバックアップとドメイン移行複製方法

WordPress 伝えたいこと 備忘録

ドメイン移行(複製)方法、DupulicaterでスターサーバーwpblogフリーWPから

これまで無料でWordPressを使うことができたネットオウルのサービスであるフリーWPのwpblog.jpドメインのサービスが2022年3月31日で終了の案内がされました。他の無料サービスのフリーP…

もっと読む

あなたが訪問してから

0 秒経過 🎉

WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」の人気記事

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total499


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.