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カスタマイズ依頼

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

iPhoneでYoutubeが再生され...
 
共有:
通知
すべてクリア

[解決済] iPhoneでYoutubeが再生されません

40 投稿
5 ユーザー
18 Reactions
2,665 表示
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

お世話になっております。

記事にのせたYoutubeのうち1つだけが、iPhoneで再生されません。

アンドロイドスマホや、パソコンだと再生されます。

でも複数のiPhone(家族のもの)で試したのですが、再生されないことを確認しました。
試したiPhone は、iPhone12とiPhone12proです。

同じ記事中の他のYoutubeは再生されるのですが、1つだけエラーになってしまうのです。

cocoonの問題ではなく、スマホの問題かな??Youtubeの問題かな??……とも思い調べてみたのですが、分かりませんでした。

該当記事はこちらです:

https://toy.nanohanako.club/article/laugh_peace_mother.html

再生されないのは、記事中の最初のYoutubeです。

宜しくお願い致します。

Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.9
BackWPup 3.9.0
Category Order and Taxonomy Terms Order 1.5.7.5
Edit Author Slug 1.8.2
Google XML Sitemaps 4.1.1
Imagify 1.9.14
Jetpack 9.8.1
Movable Type and TypePad Importer 0.4
PS Auto Sitemap 1.1.9
Redirection 5.1.1
SiteGuard WP Plugin 1.6.0
WebSub/PubSubHubbub 3.0.3
Wordfence Security 7.5.4
WP Multibyte Patch 2.9
----------------------------------------------


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

前略、菜の花子さん

私の6sでは普通に再生されます。

 


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

菜の花子さん

6sのFirefoxでも、問題なく再生できます。

This post was modified 3年前 by リフィトリー

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

菜の花子さん

私はiPhoneを所有しておりませんので、その辺りの確認はできません。

HTMLソース的に違いがあるのか。。。と確認してみました。

違いがあるとすれば、映像のURL以外では、iframeタグのallowfullscreen属性くらいでした。

1つめの映像は、「allowfullscreen」という書き方。
2つめ・3つめの映像は、「allowfullscreen=""」という書き方でした。

違いはそれだけしかないです。(URL以外は。)

ただ、「allowfullscreen」という書き方も間違いではないらしいのですが。


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@leafytree 

リフィトリー様

ご返信ありがとうございます。

わざわざお調べくださって、助かりました!

視聴できる端末があることを知って、少し安心しました。

iPhone12の不具合なのでしょうか?ググっても出てこなくて(-_-;)

ひとまずお礼まで。

 

 


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@mk2

mk2様

お調べくださって、ありがとうございます。

私が見たところでは、1つ目の動画も allowfullscreen="" となっているのですが……?

ひとまずお礼まで。

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


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

菜の花子さん

そうですか。

機械的に検索して、Diffで調べたのですけどね。

私からは、今も1つめは「allowfullscreen」で見えます。

画像のURLまで含めると、横長になりますが。。。

 

1つめ。

 
2つめ。
 
3つめ。
 
 
ただ、文法的に間違っている訳ではなさそうですので、これが原因とは言えないかもしれません。
あくまでもHTMLソース的な違いを調べただけです。

   
わいひら reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

mk2様

度々ご丁寧にありがとうございました!

確かにYoutube埋め込み時に

共有→<>埋め込む

を選ぶと、表示される文字には 「allowfullscreen」となっておりました。

先ほどワードプレスエディタ―画面のカスタムHTMLを見たときは、確かに allowfullscreen=""  となっていたのに、不思議です。勝手に書き換えられてしまったのでしょうか?

そこで、今回はワードプレスのエディタ―画面に ="" を自分で書き加えてみたのですが、動画を再生できない状況は変わりませんでした。

 

ちなみにワードプレスに埋め込む際に

・<iframe ………>を カスタムHTMLに書く

・動画のURLをそのまま貼る

・ブロックエディタの「埋め込み」を選んで動画のURLを貼る

・ブロックエディタの Youtube を選んで動画のURLを貼る

と4通りの方法で試したのですが、症状は変わりませんでした。

 

iPhoneのテクニカルサポートにも連絡してみたのですが、iPhoneの不具合ではなく、コードを誤って書いているなどの問題があるのではないかとのことでした。
Youtubeアプリでは再生できるのに、iPhoneのグーグルアプリやサファリでは再生できない状態になっている(コードがグーグルアプリやサファリでは読み込めないようになっている)のだそうです。

 

困りました(-_-;)

 

どなたかアドバイスを頂けると嬉しいのですが…。

宜しくお願い致します!!

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

菜の花子さん

iPhoneをお持ちの方に、確認していただくしかなさそうです。

HTMLなどは正しくても、何故かiPhoneでは上手くいかないことがあるんですよね。

例えば同じChromeでも、WindowsやAndroidのものと、iPhoneのものでは表示のされ方や挙動が違う場合があると聞きます。
(iPhoneを保有しておりませんので、確認はできないのですが。)

 

投稿者:: @nanohanako

Youtubeアプリでは再生できるのに、iPhoneのグーグルアプリやサファリでは再生できない状態になっている(コードがグーグルアプリやサファリでは読み込めないようになっている)のだそうです。

でも、今回は6sでも視聴できているんですよね。
機種的なものもありそうな気はします。

他の機種の方のご連絡を待ちましょう。


   
わいひら reacted
さる子
(@saruko)
Reputable Member Moderator
結合: 5年前
投稿: 482
 

iPhone8plusのSafariとChromeでは再生されませんでした。

 

試しに菜の花子さんの動画を自分のテスト環境にカスタムHTMLブロックで埋め込みましたが、こちらはiPhoneでちゃんと再生されました。

埋め込んだコード。共有→埋め込むで出てきたコードそのままです。

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

<iframe width="560" height="315" src="https://www.youtube.com/embed/r6NUv0tR1DM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

 

環境情報ですが、途中からしか記載されていないのですべて記載していただけますか。

WordPressやCocoonテーマ、PHPのバージョンが古いため不具合が出ることが多々あります。可能であれば環境情報はすべて記載いただけると原因が特定しやすくなるため、ご協力お願いします。


   
わいひら reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

mk2さま、度々ありがとうございます!

さる子さま、ご確認、ご連絡をありがとうございます!

環境状況を全てコピペしていなかったのですね、うっかりしておりました。

失礼致しました。

こちらです↓↓ 宜しくお願い致します!

 

サイト名:知育玩具・知育教材 賢い子に育てる環境作り
サイトURL: https://toy.nanohanako.club
ホームURL: https://toy.nanohanako.club
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/hygiene/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.0
カテゴリ数:16
タグ数:313
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
style.cssサイズ:1515バイト
functions.phpサイズ:168バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/uploads/away-3408119_1920.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.9
BackWPup 3.9.0
Category Order and Taxonomy Terms Order 1.5.7.5
Edit Author Slug 1.8.2
Google XML Sitemaps 4.1.1
Imagify 1.9.14
Jetpack 9.8.1
Movable Type and TypePad Importer 0.4
PS Auto Sitemap 1.1.9
Redirection 5.1.1
SiteGuard WP Plugin 1.6.0
WebSub/PubSubHubbub 3.0.3
Wordfence Security 7.5.4
WP Multibyte Patch 2.9
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

ちなみに、以下は2020年3月のものですが、YouTubeのコミュニティのものです。

https://support.google.com/youtube/thread/31795535/%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E8%B2%BC%E3%82%8A%E4%BB%98%E3%81%91%E3%81%9F%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E5%8B%95%E7%94%BB%E3%81%8C%E8%A6%8B%E3%82%89%E3%82%8C%E3%81%AA%E3%81%84?hl=ja&msgid=31795535

何度かこういうことは起きているみたいですね。
YouTubeのシステム要件としては、「最新バージョンの」というくらいしかないみたいで、なかなか分かりづらいです。

 

今回は埋め込み方の違いなのか、どうか。。。ということもあるかもしれませんね。

投稿者:: @nanohanako

テーマ名:Cocoon
バージョン:2.3.0

関係ないかも知れませんが、最新バージョンへアップデートしてみるのも良いかも知れません。


   
わいひら reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

mk2さま

度々ありがとうございます。

情報もありがとうございます。むずかしいですね(涙)

cocoonは最新バージョンにアップデートしました。

でも状況は変わらずです(涙)


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

菜の花子さん

そうですよねぇ。
困りましたね。

さる子さんの仰っていた以下はお試しになりましたでしょうか。

投稿者:: @saruko

試しに菜の花子さんの動画を自分のテスト環境にカスタムHTMLブロックで埋め込みましたが、こちらはiPhoneでちゃんと再生されました。

埋め込んだコード。共有→埋め込むで出てきたコードそのままです。


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

ここらへんのYouTube動画は再生されますか。
https://wp-cocoon.com/youtube-speedup/
https://wp-cocoon.com/youtube-player-parameters/
どれが再生されるか、それともすべて再生されないか、よろしければiPhoneをお持ちの方は教えていただければ幸いです。

上記ページのものが再生されない場合は、YouTube動画の高速化機能に起因している可能性が高いかもしれません。
そのの場合は、YouTube高速化機能を無効にする機能を追加するしかないかもしれません。


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@mk2

mk2さま

投稿者:: @mk2_mk2

さる子さんの仰っていた以下はお試しになりましたでしょうか。

投稿者:: @saruko

試しに菜の花子さんの動画を自分のテスト環境にカスタムHTMLブロックで埋め込みましたが、こちらはiPhoneでちゃんと再生されました。

埋め込んだコード。共有→埋め込むで出てきたコードそのままです。

はい、試しました。

今その状態になっております。でも改善されませんでした。

ご心配くださり、ありがとうございます!


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@yhira 

わいひらさま

https://wp-cocoon.com/youtube-speedup/  を iPhone12・Safariで見てみました。

・「君の名は。」予告 →再生できました。

・シン・ゴジラ →「この動画の再生は有料です。」と出て、再生できませんでした。

・この世界の片隅に →「この動画の再生は有料です。」と出て、再生できませんでした。

・さま―ウォーズ →「動画を再生できません この動画はご覧いただけません」と出て、再生できませんでした。

・時をかける少女 →「動画を再生できません この動画はご覧いただけません」と出て、再生できませんでした。

・イブの時間 劇場版 →「この動画の再生は有料です。」と出て、再生できませんでした。

 

https://wp-cocoon.com/youtube-player-parameters/ を iPhone12・Safariで見てみました。

・「関連動画を表示する」の項目で「実際の表示はこちら。」の下にある動画が再生できません。画像も映っていません。Youtubeアプリで見ようとすると「この動画は非公開です」と表示されます。

・アナと雪の女王 →1回タップしただけでは再生されません。2回タップすると再生されます(Youtubeアプリの方で再生されている???)

・「開始・終了時刻を設定する」の項目で、下にある動画が再生できません。画像も映っていません。Youtubeアプリで見ようとすると「この動画は非公開です」と表示されます。

 

私だけかもしれませんので、皆さんもご確認くださればと思います。宜しくお願い致します。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

私はAndroidですが、菜の花子さんとすべて同じ動作です。

Windows10でも基本同じです。
唯一違うのは以下で、Windows10では、1クリックで視聴できます。
(Androidでは、2回タップが必要。)

投稿者:: @nanohanako

・アナと雪の女王 →1回タップしただけでは再生されません。2回タップすると再生されます(Youtubeアプリの方で再生されている???)

有料や非公開なのは、その当時と変わっている感じがします。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@yhira さん

投稿者:: @yhira

ここらへんのYouTube動画は再生されますか。
https://wp-cocoon.com/youtube-speedup/
https://wp-cocoon.com/youtube-player-parameters/
どれが再生されるか、それともすべて再生されないか、よろしければiPhoneをお持ちの方は教えていただければ幸いです。

以下私の6sで。

 

シン・ゴジラ→!この動画の再生は有料です。

この世界の片隅に→!この動画の再生は有料です。

サマーウォーズ→!動画を再生できません。この動画はご覧いただけません。

時をかける少女→!動画を再生できません。この動画はご覧いただけません。

Cocoonの高速化表示
イヴの時間 劇場版→!この動画の再生は有料です。

通常のiframe表示→(最初の表示から)!この動画の再生は有料です。

映画「アナと雪の女王」→2回タップで再生しました。


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

有料のやつは、トレーラーみたいなのが以前は再生されていたんですが、再生されなくなったんですね。
ただとりあえず、画面が切り替わるかどうかを確認したかったので、画面切り替えは動作しているみたいですね。


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

あら、さっき見たときは、添付画像の動画だけ、「YouTube高速化設定」になっていたんですが、今見たらYouTubeのプレイヤーになっています。
https://toy.nanohanako.club/article/laugh_peace_mother.html

これもiPhoneで再生すると再生されないんですか?
だとしたら、YouTubeプレイヤーか何かしらコードの問題っぽいですね。


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@yhira 

わいひらさま

 

投稿者:: @nanohanako

ちなみにワードプレスに埋め込む際に

・<iframe ………>を カスタムHTMLに書く

・動画のURLをそのまま貼る

・ブロックエディタの「埋め込み」を選んで動画のURLを貼る

・ブロックエディタの Youtube を選んで動画のURLを貼る

と4通りの方法で試したのですが、症状は変わりませんでした。

今夜色々な貼り方をしてみて、どれでも再生できなくて、とりあえず今は <iframe……>をカスタムHTMLにコピペした状態になっています。でもどれでもiPhone で再生できないのです。

YouTubeアプリでなら再生できるので、YouTube自体には問題がないというなのかなと思っているのですが…。

コードの何が問題なのでしょうか?何か書き変えればよいのでしょうか?

宜しくお願い致します!


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@nanohanako さん

私の6sでは、相変わらず、何の問題もなく、1タップで再生されます。

safariの「履歴とWebサイトデータを消去」を行うと何か変化はありますか?

This post was modified 3年前 by リフィトリー

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@nanohanako  さん

ちなみに、私のiphoneは、空き容量不足で、バージョン14.4.2で止まっているようです。

バージョン14.6にアップデートできない状態のようです。(今時、16Gでは流石に厳しい ? )


   
わいひら reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@leafytree

投稿者:: @leafytree

safariの「履歴とWebサイトデータを消去」を行うと何か変化はありますか?

これはやってみたのですが、変化はありませんでした。

投稿者:: @leafytree

私の6sでは、相変わらず、何の問題もなく、1タップで再生されます。

嬉しいです!ご報告ありがとうございます!

私のiPhoneは空き容量たっぷりあります。なので、その問題ではないと思います。


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

今になって気付いたのですが、ご相談している https://toy.nanohanako.club/article/laugh_peace_mother.html

の中のYoutube画像の中で、1つだけ再生されないと説明しておりましたが、

2タップでないと再生されないものもありました。記事の中盤です。画像を添付しておきます。

2タップ目で再生されるときは、Youtubeアプリに移るのではなく、safariのままのようです。

2タップでも再生されれば問題ないのでしょうか?(そういう仕様でしょうか?)

 

それと、過去にクラシックエディタで作成した別の記事中のYoutube動画も、全部調べきれていませんが、多くが(全部が?)iPhoneだと 2タップしないと再生されないことに気付きました。私は最近 iPhoneに変えたのですが、これらの記事作成時にはアンドロイドスマホを使っていて、アンドロイドでは、1タップで再生されていたような気がしています。(定かではありませんが)

2タップでないと再生されないYoutube動画が載っている記事のうち、代表的なものはこちら:

https://toy.nanohanako.club/article/popy-kids-english.html

2タップでもsafariのまま再生されればよい仕様なのでしょうか?それとも問題があるのでしょうか?

宜しくお願いいたします!

 

 

 

 


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

子テーマのfunctions.phpに以下のコードを貼り付けても、再生されない動画は再生されませんか?

//YouTube高速化を無効にする
add_action('wp', function (){
  remove_filter('embed_oembed_html', 'youtube_embed_oembed_html', 1, 3);
});

   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@yhira さま

 

アドバイスありがとうございます。

教えていただいたコードを貼り付けても、再生できない動画は再生できないままでした。

下記の4通りで試しましたが、変わらずでした。

投稿者:: @nanohanako
投稿者:: @nanohanako

ちなみにワードプレスに埋め込む際に

・<iframe ………>を カスタムHTMLに書く

・動画のURLをそのまま貼る

・ブロックエディタの「埋め込み」を選んで動画のURLを貼る

・ブロックエディタの Youtube を選んで動画のURLを貼る

と4通りの方法で試したのですが、症状は変わりませんでした。

但し、教えて頂いたコードを貼り付けることで、2タップしないと再生できなかった動画は、1タップで再生できるようになりました。

投稿者:: @nanohanako

2タップでないと再生されないYoutube動画が載っている記事のうち、代表的なものはこちら:

https://toy.nanohanako.club/article/popy-kids-english.html

再生できない動画は、どうしたらよろしいでしょうか?

それと、教えて頂いたコードを貼り付けることで、2タップしないと再生がスタートしなかった動画が、1タップで再生できるようになりましたが、2タップしないと再生されないというのは、本来の仕様とは違うということですか?YouTube高速化が有効になっていたとしても、1タップで再生されるはずだということでしょうか?

 

宜しくお願いいたします!


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@nanohanako  さん

私の6sのiosのバージョンは14.4.2です。

 

私のiphoneでは問題なく、1タップで再生されています。

 

Youtubeのサイトから、iframeタグのコードを取得して、カスタムhtmlブロックに貼り付けた場合は、Cocoonのテーマで特に手を加えている訳ではないので、どうして再生されないかと問われても、わいひらさんにもよくわからないのではないかと思います。

 

また、私のiphoneで再生できて、菜の花子さんやさる子さんのiphoneでは再生できない、というのも、なぜなのか切り分けもできていない状態です。

 

iphoneの機種の違いによるものなのか、iosのバージョンの違いによるものなのか、もしくはその両方が関係しているのか、もしくは、回線の違いが影響しているのか、iphoneを持ってもいない、わいひらさんを問いつめたところで、答えようがないような気がします。

 

iphoneを持っていないわいひらさんには、テストをすることもできないかと思います。

 

テストが可能なのは、iphoneを持っているCocoonユーザーかと思います。

 

例えば、親テーマに切り替えたらどうか?とか、Cocoon以外のテーマにしたときはどうなるのか?とか、新規投稿ページに同じ動画を埋め込んだらどうなるか?とか、固定ページに埋め込んだらどうなるか?とか、Youtubeアプリをアンインストールしたら何か変わるのか、とか、iphoneを持っている菜の花子さんの方が、いろいろ試すことができるかと思います。

 

それらのデータをわいひらさんに提供することは可能かと思います。

This post was modified 3年前 3回 by リフィトリー

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

私は良く分かっていないところもあります。

そのため、間違っていることを書いてしまったら、フォローをお願いしたいところですが。。。


Cocoonでは、以下のページにあるように、「YouTube動画読み込みを高速化させる方法」を取り入れているとのこと。

YouTube動画読み込みを高速化させる方法
https://wp-cocoon.com/youtube-speedup/

上記には以下のようにあります。

YouTube動画のiframe読み込みは、結構重たいです。

なので、YouTube動画を速く表示する仕組みをCocoonに取り入れました。

こんな感じでサムネイルを表示することで、iframeを読み込まず高速化表示させています。

YouTubeのiframeを読み込まずに、サムネイルを表示して、疑似的にYouTubeのように見せている。。。と理解しました。

そうすることで、ページの表示を軽くしているものと思われます。


上記の「YouTube動画読み込み高速化」が原因かと、わいひらさんは考えたため、このトピックの途中の返信で。。。

https://wp-cocoon.com/community/postid/52735/

これも「再生されないんですか?」と、確認をなさったと。
これは、「YouTube動画読み込み高速化」は適用されていない動画だった模様。


そして、更に以下の返信で、「YouTube動画読み込み高速化」を全て無効にするソースコードをわいひらさんが提示。

https://wp-cocoon.com/community/postid/52749/

これを菜の花子さんは適用。
それでも再生はできなかった。


ということは、「YouTube動画読み込み高速化」は原因とは考えにくい。
ということなのではないかと、思われます。

Cocoonの可能性はかなり下がったということになるのではないかと思います。

となると「何の可能性があるか」ですよね。

 

良く分かってないんですけどね、私も。


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

それと、教えて頂いたコードを貼り付けることで、2タップしないと再生がスタートしなかった動画が、1タップで再生できるようになりましたが、2タップしないと再生されないというのは、本来の仕様とは違うということですか?YouTube高速化が有効になっていたとしても、1タップで再生されるはずだということでしょうか?

本来は1アクションで表示されます。
パソコンなどは1アクションで表示されます。
ただ、今回の再生されないのとは関係なさそうです。
※今後この機能は無効にしようかと思います。

前回のコードはCocoonがYouTubeに干渉している部分を無効にする機能なので、それで再生されないんだったらテーマと関係ない可能性もありそう。

この、トラブルシューティングプラグインを有効にしても再生されませんか?(※iPhoneでもログインして動作確認する必要が有り)

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

トラブルシューティングモードで再生されないとしたら、テーマは関係なく、WordPressかYouTube、もしくはiPhoneが原因となるので僕も原因はわかりません。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

私のサイトに埋め込んだ(iframeのコードではありません)Youtube動画は、私のiphone6sでは2タップしないと再生しません。

This post was modified 3年前 by リフィトリー

   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

わいひらさま
リフィトリーさま
mk2さま

色々アドバイスをありがとうございます。

 

1.動画が再生されない件について

投稿者:: @yhira

この、トラブルシューティングプラグインを有効にしても再生されませんか?(※iPhoneでもログインして動作確認する必要が有り)

こちらの方法を教えてくださり、ありがとうございます。今日はもう遅いので、明日くらいに試してみようと思います。

それか、動画を撮影し直してみようかとも思います。そもそも1つだけ再生されないというのが変だなと。今回の動画はiPhoneで撮影したものなのですが、フォーマット(????)はiPhoneが勝手に設定するようになっているので(このあたり、自分はよくわかっていません)、撮影の段階から何かおかしかったのかなと思い始めました。

 

2.YouTube動画読み込み高速化について

投稿者:: @mk2

Cocoonでは、以下のページにあるように、「YouTube動画読み込みを高速化させる方法」を取り入れているとのこと。

YouTube動画読み込みを高速化させる方法
https://wp-cocoon.com/youtube-speedup/

リフィトリーさんのiPhoneのように2タップでしか再生されないとしても、高速化しておいたままの方がサイトのスピードが上がり、メリットがあると考えた方がよいでしょうか?であるならば、

わいひらさんに教えていただいた、YouTubeに干渉している部分を無効にするコードは外した方がよいのかなと迷っております。

わいひらさんが

投稿者:: @yhira

※今後この機能は無効にしようかと思います。

とおっしゃっている「この機能」とは、Youtube高速化のことでしょうか?

すみません、なんだか分からなくなってしまいました……。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @nanohanako

リフィトリーさんのiPhoneのように2タップでしか再生されないとしても、高速化しておいたままの方がサイトのスピードが上がり、メリットがあると考えた方がよいでしょうか?

今回改めてデフォルトのYouTube動作を確認して、WordPress5.7でiframeのLazy Loadに対応したし、動作確認してみても全然重くなっていませんでした(以前は結構重かった)。
加えて、端末によっては再生まで2アクションが必要ということであれば、「機能は不要だな」と思った次第です。

投稿者:: @nanohanako

とおっしゃっている「この機能」とは、Youtube高速化のことでしょうか?

そうです。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7822
 

菜の花子さん

いろいろ混乱することもあるかと思いますが。

今はとりあえず、以下の確認待ちの状態かと思います。

投稿者:: @yhira

この、トラブルシューティングプラグインを有効にしても再生されませんか?(※iPhoneでもログインして動作確認する必要が有り)

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

トラブルシューティングモードで再生されないとしたら、テーマは関係なく、WordPressかYouTube、もしくはiPhoneが原因となるので僕も原因はわかりません。

これがハッキリすると、助かります。

菜の花子さんのご都合もあるものと存じますので、結果が分かりましたらご連絡いただけると助かります。


   
わいひら reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@mk2さま

コメントありがとうございます。

投稿者:: @yhira

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

こちらを試してみたところ(正しくプラグインを使えたかどうか自信がないのですが)、動画は再生されませんでした。

そこで問題は動画自体かYoutubeにあるだろうと決めつけて、動画を撮影するところからやり直しました。そして新しいYouTube動画をサイトにアップしたところ、今は無事に再生できています。

動画の何が悪かったのか、結局原因は分からないです。「こういうこともあるんだな…」と勉強になりはしましたが。

わいひらさん、リフィトリーさん、mk2さん、さる子さん、皆さん助けて下さって、どうもありがとうございました!!

 


   
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@yhira さま

投稿者:: @yhira

今回改めてデフォルトのYouTube動作を確認して、WordPress5.7でiframeのLazy Loadに対応したし、動作確認してみても全然重くなっていませんでした(以前は結構重かった)。
加えて、端末によっては再生まで2アクションが必要ということであれば、「機能は不要だな」と思った次第です。

ということは、教えてくださった、こちらのコードは、貼り付けたままにしておいて問題ないということですね?

投稿者:: @yhira

子テーマのfunctions.phpに以下のコードを貼り付けても、再生されない動画は再生されませんか?

//YouTube高速化を無効にする
add_action('wp', function (){
  remove_filter('embed_oembed_html', 'youtube_embed_oembed_html', 1, 3);
});

そして、将来、Youtube高速化機能をcocoonから外すことがあっても、私の場合は、このコードはそのまま放置しておいて差し支えないのですよね?

すみません、テクニカルなことに本当に疎くて、お恥ずかしいです。

いつもお忙しい中サポート下さり、どうもありがとうございます!!

 


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @nanohanako

こちらを試してみたところ(正しくプラグインを使えたかどうか自信がないのですが)、動画は再生されませんでした。

だとしたら、テーマが原因の可能性は低そうですね。
可能性の高さから言えば、YouTubeの設定→iPhone環境特有の不具合→WordPressの不具合→YouTubeプレイヤーの不具合、とかでしょうか(私見)。
ただ、僕も自分の責任の範囲外のものは正直よくわかりません。


   
菜の花子 reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17132
 
投稿者:: @nanohanako

そして、将来、Youtube高速化機能をcocoonから外すことがあっても、私の場合は、このコードはそのまま放置しておいて差し支えないのですよね?

そのままでも特に問題はありません。
削除しないままアップデートしたとしても、対応するフックがないので、単に処理が行われないだけなので。

以下の環境にアップデートできれば、すぐに削除していただいても良いかもしれません。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
上記は、次のCocoonアップデートファイルとなるものです。
すでにYouTubeの高速化無効に対応してあるバージョンです。


   
菜の花子 reacted
菜の花子
(@nanohanako)
Estimable Member Registered
結合: 5年前
投稿: 80
Topic starter  

@yhira さま

下記、了解いたしました。

ご丁寧にどうもありがとうございます!

投稿者:: @nanohanako
投稿者:: @nanohanako

そして、将来、Youtube高速化機能をcocoonから外すことがあっても、私の場合は、このコードはそのまま放置しておいて差し支えないのですよね?

そのままでも特に問題はありません。
削除しなかったら対応するフックがないので、単に処理が行われないだけなので。

すでにアップデートでご対応くださっているのですね。お忙しい中どうもありがとうございます!

今後もよろしくお願い致します!


   
わいひら reacted
共有:

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

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

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

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

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

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

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

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