youtube 埋め込むことができす、ブログカードになってしまいます。 | 不具合報告 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
youtube 埋め込むことができす、...
 
Share:
Notifications
Clear all

[解決済] youtube 埋め込むことができす、ブログカードになってしまいます。  


かいご
 かいご
(@かいご)
ゲスト
参加: 2週間 前
投稿: 3
2020年6月28日 08:13  
初めまして、YouTubeを埋め込もうとすると以下(一番下)の表示になります。
リンクへ変換すると、ブログカードになりますが、埋め込みYouTubeを使いたい場合、どうすればよいでしょうか?
 
 
サイト名:介護さん 老後blog
サイトURL: https://www.kaigosan.com
ホームURL: https://www.kaigosan.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/bizarre-foods-bluecurry/style.css
WordPressバージョン:5.4.2
PHPバージョン:7.3.17
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:en-US,en;q=0.9,ja;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.7
カテゴリ数:5
タグ数:104
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:965バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:1
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.6
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.1.9
Edit Author Slug 1.7.0
EWWW Image Optimizer 5.4.1
Google XML Sitemaps 4.1.0
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.5.0
Site Kit by Google 1.10.0
WebSub/PubSubHubbub 3.0.3
WordPress Ping Optimizer 2.35.1.2.2
WP Super Cache 1.7.1
----------------------------------------------
 
 
YouTube URL
サイトに表示したいコンテンツのリンクを貼り付けます。

このコンテンツを埋め込めませんでした。

 


未解決
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月28日 10:05  

前略、かいご さん

私のやり方で、合っているかどうか、わかりませんが、テストサイトでやってみました。

Youtubeの画面下の「共有」をクリックして、埋め込みURLをコピーして、

 

This post was modified 2週間 前 3 times by リフィトリー

わいひら 件のいいね!
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月28日 10:06  

ブロックエディターの Youtube ブロックに貼り付けて、「埋め込み」をクリック。

 


わいひらfullnote 件のいいね!
かいご
 かいご
(@かいご)
ゲスト
参加: 2週間 前
投稿: 3
2020年6月29日 05:37  

リフィトリーさん、動画解説までしていただきありがとうございます。

とてもうれしいですが、その方法でも下記のようになってしまいます。

ちなみに動画は

https://youtu.be/V77Zk9VMF-I

です。

手洗いの動画なんですが、YouTubeの中には埋め込みに反応しない動画があるのでしょうか。

 

 

YouTube URL
サイトに表示したいコンテンツのリンクを貼り付けます。

 

このコンテンツを埋め込めませんでした。

 


リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月29日 09:01  

@かいご さん

私も、テスト環境で、スキンを「bizarre-foods-bluecurry」にしてみたら、Youtubeブロックで貼り付けても、ブログカードになってしまいました。

 

もしかしたら、スキンが関係しているのかもしれません。

 

スキンを「なし」か別のスキンに変えると上手くいくかもしれませんが、それでは解決にならないですよね。

 

わいひらさんのコメントをお待ちください。


ロコ
(@lococo)
Honorable Member
参加: 2年 前
投稿: 553
2020年6月29日 11:25  

ちなみに動画は

https://youtu.be/V77Zk9VMF-I

です。

こちらの動画は、埋め込み用APIのレスポンスが401エラーになっているため、WordPressのoEmbed機能を利用するYouTubeブロックでは埋め込み動画が表示されません。

https://www.youtube.com/oembed?url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DV77Zk9VMF-I

 

一応、別の動画URLで埋め込みができるかどうかをチェックしてみてください。


わいひら 件のいいね!
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月29日 11:52  

@lococo さん

そうだったのですね。

スキンなしの状態で、貼り付けてみるべきだったです。

 

外出するため、横着したのがいけませんでした。


リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月29日 14:52  

@かいご さん

あらためて、自分のYoutubeチャンネルで動画の設定の項目を見てみたら、「その他のオプション」のところに、「埋め込みを許可する」の項目があり、このチェックを外すことにより、埋め込みを無効にすることができるようです。

 

つまり、「埋め込みを許可された動画しか、埋め込めない」ということになりそうですね。

 

This post was modified 2週間 前 by リフィトリー

わいひら 件のいいね!
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月29日 14:54  

ちなみに、スキンを「なし」にしても、当然ですが、埋め込むことはできませんでした。


Akira
(@akira)
Honorable Memberサイト
参加: 2年 前
投稿: 626
Akira - FacebookAkira - Twitter
2020年6月29日 16:32  

※間違ったことを書いたので削除

This post was modified 2週間 前 5 times by Akira

リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年6月29日 16:38  

@akira さん

私も削除!


Akira
(@akira)
Honorable Memberサイト
参加: 2年 前
投稿: 626
Akira - FacebookAkira - Twitter
2020年6月29日 16:52  

動画を表示するだけなら、このような方法でいけます。ただし、サイト上で動画を再生できません(YouTube 上でしか再生できない動画です)。

  1. YouTube の「共有」をクリック。
  2. 「埋め込む」をクリック。
  3. HTML をコピー。
  4. WordPress の「カスタム HTML」ブロックに HTML を貼り付け。
  5. ただし、サイト上で再生はできない。
This post was modified 2週間 前 4 times by Akira

わいひらリフィトリー 件のいいね!
ロコ
(@lococo)
Honorable Member
参加: 2年 前
投稿: 553
2020年6月29日 20:17  

401エラーである場合、基本的にはYouTube外での動画視聴が許可されていないときです。

加えて、iframeを用いた埋め込みにはセキュリティ面で問題があるため、WordPressではoEmbed機能が実装されています。
#post-36045の方法で埋め込むのはおすすめしません。


さる子, リフィトリー, わいひら と 1 人の方がいいね!
かいご
 かいご
(@かいご)
ゲスト
参加: 2週間 前
投稿: 3
2020年7月1日 10:19  

リフィトリーさん、ロコさん、Akiraさん、いろいろ教えてくださってありがとうございます。他の動画で試してみたところ、きちんとyoutube埋め込みができました。

今回の「手洗い」動画は埋め込みできないものだったんですね。丁寧に教えていただいて本当にありがとうございました。

お礼と言っては何ですが、リフィトリーさんとAkiraさんの名前の所にホームページがあったので覗いてみました。

リフィトリーさんのホームページでは幅広いジャンルで記事を書かれており、「物知りだなぁ」と感心してしましました。

Akiraさんのホームページでは、さすがWebデザイナーさんですね、素敵なページでカスタマイズするとき使わせていただきたいと思いました。

今回はこのような事しかお礼ができなくてすみません。ありがとうございました。

 


わいひらリフィトリー 件のいいね!
リフィトリー
(@leafytree)
Noble Memberサイト
参加: 1年 前
投稿: 1562
2020年7月1日 11:48  

@かいご さん

自分でYoutubeにアップしているのに、いままで、何にも知らずにいました。 🤣 

おかげで、事情を知ることができ、大変助かりました。

投稿者:: @lococo

iframeを用いた埋め込みにはセキュリティ面で問題がある

また、iframe についても、無知であったため、今回のことで、勉強になった次第です。


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:1年11ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年9ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:16年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました