Loading…

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

フォレスト出版
¥2,047 (2024/03/15 08:52時点 | Amazon調べ)

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

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

YouTube

所要時間目安:3

This session is using  IPv4  is established in

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

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

目次に行く・戻る

メルカリ招待コード:

以前の記事に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とかの指定サイズを変更すれば投稿記事幅いっぱいに動画再生可能なのかもしれません。

あなたにおすすめ

伝えたいこと 備忘録

肩こりと腰痛と筋膜リリースもどきなテニスボール2個でストレッチ

最近は、いろいろと世の中新型コロナ禍よりより多く続く不安や自粛などによりストレス過多かと思います。体はしっかりと反応しますね。首が凝ったり肩が凝ったり腰が痛くなったり、股関節周りが固くなったり・・・。…

もっと読む

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

Twitterで知らない人からフォローされる

SNS Twitter インターネット 伝えたいこと 備忘録

Twitterで知らない人からフォローされるけど…。どうしたら良いの?

ここ数日、数ヶ月の間にブログの投稿記事をTwitterに自動投稿しているのですが、たまにいいね!されたりリツイート(RT)されたりすると嬉しいですよね。でも、時折知らない人からフォローされていることっ…

もっと読む

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

続けるには次の数字を入力してください

メンテナンス 不具合 備忘録

続行するには、下の数字を入力してください:

いきなり!! Googleさんからタイトルのようなことを言われてしまいました。 「続行するには、以下の数字を入力してください:」 なんだこれは? と…。 何やら検索した数?が多すぎたり?検索の仕方が人…

もっと読む

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

おかしな日本語の使い方

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

なんとなくおかしな日本語の使い方と正しい日本語の使い方

昨今では、「全然(ぜんぜん)」◯◯という言葉がある意味では普通になってきています。私の覚えている限りではおおよそ10年くらい前からでしょうか…。そもそも、「全然」という言葉は基本的には否定形な意味合い…

もっと読む

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

おすすめSSD

PC カスタマイズ 伝えたいこと

SSD換装におすすめSSDは1TBのCrucialのMX500

もう数年前にはSSDは結構な国内PCメーカーの上位機種パソコンには搭載され始めてきていました。私のパソコンはもう8年目なので、そこそこ古い部類かと思います。ですが、途中途中にメモリの増設(8GB×2枚…

もっと読む

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

Windows10ポップアップ通知

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

Windows10アップグレード通知、ウイルスかとも…。あまりに酷すぎて(強引とも…。)

Windows10が正式にリリースされてから10ヶ月と半月になります。 3月後半ころから多くのWindows7とWindows8(Windows8.1)ユーザー(ユーザ)から悲鳴のような声が上がってい…

もっと読む

おすすめの記事一部広告

おすすめ!!

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

おすすめ2

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

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

Multiplex 広告

Googleニュース

2024-04-19

それによりカーメンテナンスエリアとタイヤ売場に最大横幅7.7mの大開口を実現、車両の出し入れを容易に出来る幅を確保しました。「ロッドマン」は通常のホール ...

2024-04-19

... メンテナンスパック」だが、ディーラーによっては ... 新車 日産 特別仕様 軽自動車 輸入 限定 電気自動車 ... カテゴリー カー用品・グッズ情報 自動車 ...

2024-04-19

修理・自動車整備に関するご相談や困りごとなどを解決する高橋巨樹プロのコラムは必見。 今回のコラム記事は『【驚きの事実! 交換不要!?】 ATF / CVTF交換 ...

2024-04-19

【4月19日 CGTN Japanese】秦の始皇帝陵1号銅馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅馬博物館に運ばれ、展示スペースに設置されまし ...

2024-04-19

秦の始皇帝陵1号銅馬は18日、3年にわたるメンテナンスを経て、秦の始皇帝陵銅馬博物館に運ばれ、展示スペースに設置されました。秦の始皇帝陵1号、2号銅 ...

Total213


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください