現在の接続環境は
です

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

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

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

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

YouTube

所要時間目安:3

This session is using  IPv4  is established in

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

目次に行く・戻る

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

  • 本日
  • 週間
  • 月間
  1. Windows10アップグレードキャンセル方法

    Windows10アップグレードキャンセル方法をMicrosoft正式に公開 1PV

    マイクロソフト(Microsoft)によるWindows10へのアップグレード攻撃?と通知が無償アップグレード期間残すところ約2ヶ月となったところで、3月ころから勝手にWindows10になっていた(…

    もっと読む

  2. キッチンシンクからドブ臭い異臭原因解決方法

    キッチンシンク下がドブ臭い下水臭い原因と解決方法 1PV

    意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…

    もっと読む

  3. オカルトチューンと言われていたマグチューンを取り付け 1PV

    2000年代後半のガソリン価格の高騰時に数々の燃費向上グッズが発売されました。その中のひとつでもあるマグチューンMG-600が埋もれていたので、効果の程は定かではないものの自分の車もであるので試しに再…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 28PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

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

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

    もっと読む

  3. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 22PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 28PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

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

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

    もっと読む

  3. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 22PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

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

メルカリ招待コード:

以前の記事に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タイムセール

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

あなたが訪問してから

0 秒経過 🎉

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

RSSフィード画像

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

RSSにアイキャッチ画像を表示させる方法ができると思ったのに再度検証中…。

先程の記事にて、試してみたのですがBloggerのRSSフィードには・・・・・・。 の以前に、ブログ表示上の左上に「続きを読む…。」と表示されてしまいました。orz まだ、時間が経っていないからかBl…

もっと読む

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

キーボードカバーおすすめ代替品

PC ツール 伝えたいこと 備忘録

キーボードカバーおすすめ代替品FA-MULTIレビューです。対応品がなくなった時

ものすごいショックっo(´^`)o ウー。 もうキーボード自体は、17年前(早いなぁ。)のDELLのデスクトップPC製品なのですが・・・・・・。去年キーボードカバーに穴が空いてしまっていたのでパソコン…

もっと読む

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

WordPress

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

サイドバーのウィジェットにタイトルを表示させずに追加する方法

テーマにもよりますが、サイドバーにデフォルト(はじめから)で追加されている状態のウィジェットがあると思います。 もちろん、サイドバーにウィジェット追加用に多くのテーマは作られていると思います。 ですが…

もっと読む

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

新しいアフィリエイト

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

アフィリエイト、ドロップシッピング、広告の歴史

アフィリエイトが始まってもうすぐ20年くらいになろうかと思います。元祖アフィリエイト提供サイト(ASP)としてはA8netとValueCommerceかと思います。そのどちらにも初めの頃から登録もして…

もっと読む

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

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

プラグインなしでカウントアップタイマーの設置方法

前回はプラグインを使わずにカウントダウンタイマーの設置方法を記載しました。ですが、カウントダウンタイマーがあるのならカウントアップタイマーもあるんじゃないのか。といことで、カウントアップタイマーの設置…

もっと読む

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

HDDが壊れそうか否か健康状態確認

PC 伝えたいこと 備忘録

CrystalDiscinfoでHDDが壊れそうかどうか確認方法と対処方法

以前と言っても先月末くらいからパソコンから異音が出始めました。 異音の種類によってもどこら壊れそうなのか概ねの判断・推測ができます。 以前の記事が以下です。 これらのことを行っても異音が解消されない場…

もっと読む

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

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

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

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


カウントダウンタイマー

おすすめの記事一部広告

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

Multiplex 広告

Total529


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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


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