「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

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

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

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

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

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

YouTubeの動画が再生されないペー...
 
共有:
通知
すべてクリア

[解決済] YouTubeの動画が再生されないページがある。

25 投稿
4 ユーザー
8 Reactions
1,719 表示
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

お世話になります。

早速ですが、YouTubreのURLを直接入力していています。

 

普通に表示されるページと、サムネイルは表示されるのですがクリック・タップしても動画が再生されず、空白になってしまうページがあります。

 

普通に表示されるページ

https://micro-town.com/?p=14886

https://www.youtube.com/watch?v=VJ8663YHP54

 

不具合のページ

https://micro-town.com/?p=14927

https://www.youtube.com/watch?v=08RoES40pyI

 

一度テーマを消して再度インストールしたり、プラグインの「AMP」や「Youtube SpeedLoad」を削除したりしました。

サイトの高速化は全てチェックを外しました。

素人な質問かもしれませんが教えて頂けると助かります。

よろしくお願いします。

 

----------------------------------------------
サイト名:みくろたうん
サイトURL: https://micro-town.com
ホームURL: https://micro-town.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/skin-template/style.css
WordPressバージョン:5.4.2
PHPバージョン:7.3.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.97 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.9
カテゴリ数:45
タグ数:3268
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
style.cssサイズ:3370バイト
functions.phpサイズ:169バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:1
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
bbPress 2.6.5
Broken Link Checker 1.11.13
Broken Link Checker for YouTube 1.2
Category Order and Taxonomy Terms Order 1.5.7.2
Classic Editor 1.5
Contact Form 7 5.1.9
EWWW Image Optimizer 5.4.1
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.6.1
Lazy Load 0.6.1
PS Auto Sitemap 1.1.9
Simple Page Ordering 2.3.4
Table of Contents Plus 2002
Throws SPAM Away 3.1.3
WebSub/PubSubHubbub 3.0.3
WP Missed Schedule Posts 1.1
Yoast SEO 14.3
----------------------------------------------


   
(@changbeer)
Reputable Member Moderator
結合: 6年前
投稿: 252
 

投稿通りの再現を確認しました(第三者目線)。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

僕の環境では、双方動作していました。

よろしければ、エディターのソースコードにある該当部分のスクリーンショットをいただけますでしょうか。


   
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 6年前
投稿: 221
 

僕の環境でも、問題の動画は再生されませんでした。

Cocoonは2.1.9で同じです。

 

ソースを見たんですが、再生されない方は「&amp」がやたらとくっついています。

 

動画が再生される方のYoutubeのURL

src=" https://www.youtube.com/embed/VJ8663YHP54?feature=oembed&rel=0&autoplay=1"

 

動画が再生されない方のYoutubeのURL

src=" https://www.youtube.com/embed/08RoES40pyI?feature=oembed &autoplay=1"

 

「&amp」がくっつく条件でもあるんだろうか。


   
わいひら reacted
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 6年前
投稿: 221
 
投稿者:: @y-hiroaki

僕の環境でも、問題の動画は再生されませんでした。

Cocoonは2.1.9で同じです。

すみません、間違った書き込みになってたので訂正します。

 

「僕が使っているChromeで投稿者さんのページを見た時に、問題の動画は再生されませんでした」

ということです。

Cocoonのバージョンとか書いていますが、意味不明でした。

すみません。

 

ちなみに、自分のブログ(Cocoon2.1.9)で上記YoutubeのURL2つを貼り付けると、どちらも問題なく再生できています。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

お世話になります。

 

返事が遅くなって申し訳ありません。

 

 > よろしければ、エディターのソースコードにある該当部分のスクリーンショットをいただけますでしょうか。

なんか管理画面にログインできなくなってしまいました。

原因は調査中ですが、ソースコードのスクリーンショットが貼れませんね。

申しわけありません。

 

因みに再生できなくなったページのスクリーンショットです。

動画の映像が大きくなっていて、再生すると動画の部分が真っ白になります。

 

「&amp」←このタグが原因なんですかね?

思い当たるのは一度インストールして削除した、「AMP」というプラグインがありますね。

 

 


   
ヒロアキ
(@y-hiroaki)
Reputable Member Registered
結合: 6年前
投稿: 221
 
投稿者:: @taniyanr

なんか管理画面にログインできなくなってしまいました。

管理画面にログインできるようになった時でいいので、わいひらさんが依頼しているスクリーンショットをお願いします。

 

これも管理画面にログインできないと確認できないことですが、2点確認させてください。

 

1点目:

コードエディタで見た時に、再生される動画とされない動画のコード(タグ)に違いはないでしょうか?

例えば、YoutubeのURLの前や後ろのタグが異なるとか、URLの行にはURL以外に何かないのか。

 

2点目:

プラグインをすべて停止しても、動作が再生されない問題が発生するのか。

 

プラグインの停止は難しいかもしれませんが、切り分けでもできればと思います。

以上、ご確認よろしくお願いします。


   
わいひら reacted
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

お世話になります。

 

遅くなってすいません。

 

ソースコードってこういう事ですか?

添付したのは不具合のページですが、通常のページもほぼ同じ構造です。

 

> プラグインをすべて停止しても、動作が再生されない問題が発生するのか。

すべて停止しても同じでした。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

ソースコードは問題ないようですね。
それを確認した上で、ソースコードを確認してみたところ、どうやらその動画は関連記事が非表示にURLクエリを設定(&rel=0)していると、表示されない設定っぽいです。
以下のような修正をしたら、なぜか再生されるようになりました。
https://github.com/yhira/cocoon/commit/e6c618d08082e7eb24731e028f66f634f06579d7
よろしければ以下のファイルでアップデートして試してみていただけますでしょうか。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
taniyanR reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

再生を停止したときに出る、以下のような関連記事を表示させない設定にしていると、なぜか再生されませんでした。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

わいひら様

 

お世話になります。

アップロードしてみたんですが、何回試してもアップできないファイルがあります。

これだと思います。

/public_html/micro-town.com/wp-content/themes/cocoon-master/lib/page-settings/pwa-funcs.php

 

で、サイトのレイアウトが崩れ「サイトに重大なエラーがありました。」になっています。

https://micro-town.com/

 

デスクトップに解凍したファイルを上げたんですが、やり方が悪いんでしょうか?

明日の朝にもう一度、試してみます。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

とりあえず一旦は、こちらのダウンロードファイルで上書きアップデートしてみてください。
https://wp-cocoon.com/downloads/
こちらではそのファイルはアップロードできますか?


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

試してみたんですが無理でした。

 

ここでエラーが出たようです。

>STOR /public_html/micro-town.com/wp-content/themes/cocoon-master/lib/common/copy.php

 

明日の朝にzipで上げてみます。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

表示はされるようになったみたいです。

https://micro-town.com/

 

お手を煩わせて申し訳ありません。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

おはようございます。

先ほどcocoonを一度削除して、新たにテーマの管理画面よりアップロードしました。

 

必要かどうかわからなかったんで、メインのcocoonを削除後に新しくテーマの新規追加より新しいcocoonをインストール後に、GitHubでダウンロードしたcocoonを上書きしました。

 

表示は前のままです。

https://micro-town.com/?p=14927

 

ちなみにキャッシュも削除してから再生してみましたがダメでした。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

これ、「Youtube SpeedLoad」プラグイン入ってませんか?


   
taniyanR reacted
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

「Youtube SpeedLoad」は昨日、アインストールしました。

後「AMP」というプラグインが停止中です。

 

----------------------------------------------
サイト名:みくろたうん
サイトURL: https://micro-town.com
ホームURL: https://micro-town.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/skin-template/style.css
WordPressバージョン:5.4.2
PHPバージョン:7.3.18
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.1.9.1
カテゴリ数:45
タグ数:3268
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
style.cssサイズ:3370バイト
functions.phpサイズ:169バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:1
Font Awesome:4
Auto Post Thumbnail:1
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
bbPress 2.6.5
Broken Link Checker 1.11.13
Broken Link Checker for YouTube 1.2
Category Order and Taxonomy Terms Order 1.5.7.2
Classic Editor 1.5
Contact Form 7 5.1.9
EWWW Image Optimizer 5.4.1
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 8.6.1
Lazy Load 0.6.1
PS Auto Sitemap 1.1.9
Simple Page Ordering 2.3.4
Table of Contents Plus 2002
Throws SPAM Away 3.1.3
WebSub/PubSubHubbub 3.0.3
WP Missed Schedule Posts 1.1
Yoast SEO 14.3
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

Cocoonの機能のみだと、data-iframe属性は添付画像のようになるはずです。


   
taniyanR reacted
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

新しい記事を上げました。

 

わいひらさんのおっしゃる通りになっていると思います。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

もう一つだけ質問させてください。

 

同じ記事の書き方でたまに添付画像の様に勝手にブログカードになるんですが、ならない方法はありますか?


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 
投稿者:: @taniyanr

新しい記事を上げました。

これのURLをいただけますでしょうか。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 
投稿者:: @taniyanr

同じ記事の書き方でたまに添付画像の様に勝手にブログカードになるんですが、ならない方法はありますか?

添付画像がないです。
また、できれば違う内容の質問は、フォーラムの案内にもありますように新しいトピックを立てて質問していただければと思います。

1つのトピックにつき1つの質問を書き込んでください


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

すいません。

新しい記事のURLです。

https://micro-town.com/?p=15534

多分、これで直っていると思います。

ありがとうございます。

 

 

ブログカードの件、了解しました。

すいませんでした。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 6年前
投稿: 16628
 

直っているということであれば、このトピックは閉じさせていただこうと思います。
うまくいったようでよかったです。


   
(@taniyanr)
Active Member Registered
結合: 6年前
投稿: 15
Topic starter  

上手くいきました。

ありがとうございました。


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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