AMPページにおけるいくつか（画像、動画、本文）の表示エラーについて

AMPエラーが出ています
The attribute 'type' may not appear in tag 'amp-iframe'.

みきさん、わいひらさん、ありがとうございます。
ええ、エラーが出ているのはわかるのですが、解決方法がわからず……。

ユーチューブ動画の貼り付けは、動画のアドレスを直に貼り付けています。
このページで言えば、

です。
なお、他のページでもユーチューブ動画は表示されていないようです。

よろしくお願いします。

あ、あの貼り付けかただと動画そのものが表示されてしまうんですね。

https://www.youtube.com/watch?v=-aTf8ejdvKg

です。

よろしくお願いします。

わいひらさん、ありがとうございます。

なぜそのような特殊なことが起きるのかはわからないのですが、ともかく次のバージョンを試してみてまた報告したいと思います。

ところで、不具合の１（アイキャッチ画像が表示されない）と３（本文中埋め込みリンクのあとの文が消える）についての対応策はわかりますか？

１については現在のところこのページしか見つけていませんが、３については他のページでも同じ不具合が出ているようです。

ちなみに、まったくわからないながら調べてみると、以下のサイトでも私と同じような特殊な「尾ひれ」についての記述がありました。

WordPress に embed した YouTube や img をレスポンシブ対応する

http://www.d-wood.com/blog/2016/05/24_8049.html

私は特に高度な設定をしたつもりはないのですが、他にも同じ状況のひとがいるなら、なにかお役に立てればと思います。

わいひらさん、ありがとうございます。

修正版を適用してみました。結果はご覧のとおりで、

・残念ながら動画の問題は解決していないようです。

・１のアイキャッチ画像の問題は、アドバイス通り「Regenerate Thumbnails」をかけると表示されるようになったようです。
しかし今度は、キャプションとアイキャッチ画像が被ってしまっています……

・３については、それぞれ第１見出しの最終段落、第２見出しの第１段落、第３見出しの第１段落にある文中リンク

『屈強のコンゴ魂』（Tres Tres Fort）

『ベンダ・ビリリ！～もう一つのキンシャサの奇跡』

『世界を動かせ！』（Bouger le monde!）

のあとの文が次の段落まで消えています。それぞれ、AMPページ以外では表示されているものです。念のため、他のブラウザで表示してみても結果は同じでした。

以上、とりあえずのご報告でした。
よろしくお願いします。

わかりました。

たとえば３箇所めにあるように、

そんな彼らの活動は、２０１２年に２枚目のアルバム、<a href="http://c.af.moshimo.com/af/c/click?a_id=571912&p_id=170&pc_id=185&pl_id=4062&s_v=b5Rz2P0601xu&url=http%3A%2F%2Fwww.amazon.co.jp%2Fexec%2Fobidos%2FASIN%2FB0095HRFWK%2Fref%3Dnosim" target="_blank" >『世界を動かせ！』（Bouger le monde!）</a><img src="http://i.af.moshimo.com/af/i/impression?a_id=571912&p_id=170&pc_id=185&pl_id=4062" width="1" height="1" style="border:none;">を出したのを最後に、少なくとも日本では新曲は出ていない。でも彼らがその名前に冠した「ベンダ・ビリリ」（Benda Bilili）に込められた

と書くと埋め込みリンク（このアフィリエイトリンクは「カエレバ」で生成したものです）の後ろが消えて、次の段落まで表示されなくなります。他のページでも同様です。

ちなみに、私の環境はWordPress4.6.1、php7.0です。

またエックスサーバーのmod_pagespeedとプラグインの「Autoptimize」を停止してみても変わらなかったようです。

よろしくお願いします。

たった今、全文のコードを問い合わせフォームからお送りしました。
返信はこちらのフォーラムのほうにしていただければだいじょうぶです。
よろしくお願いします。

たった今、修正版を適用してみました。結果はご覧のとおりで、

・１（キャプションが隠れる）と３は完全に解消したようです。

・ユーチューブ動画はやはり表示されていません……。

プラグインをすべて停止させてみても同じでした。

ちなみにインストールしているプラグインは、

WP Multibyte Patch

Jetpack

SiteGuard WP Plugin

BackWPup

Broken Link Checker

Google XML Sitemaps

WordPress Ping Optimizer

WordPress Popular Posts

CFiltering

Contact Form 7

Author Avatars List

EWWW Image Optimizer

RSS Image Feed

Category Order and Taxonomy Terms Order

Autoptimize

で、動画の挙動を制御するようなものはないと思うのですが……。

以上、とりあえずのご報告でした。
よろしくお願いします。

Autoptimizeがあやしいですね

AutoptimizeはHTML,CSS,JavaScriptを縮小するので
おかしくなる可能性は非常に高いです
Autoptimizeはsimpkicityと相性が悪いです
くわしくはこちら

みきさん、ありがとうございます。

ええ、キャッシュ系プラグインとの相性の悪さは読んで知っていたのですが、Autoptimizeは『寝ログ』でも紹介されていたので導入してみてもいいかと思っていました。
また、先ほどはいったん停止してみても表示は変わらなかったようなのですが、この際このあと今日１日の間完全に停止してみます。
それで改善するようなら、このプラグインが原因だったとわかりますものね。

よろしくお願いします。

いま調べてみたのですがYoutubeをampに対応させるための
手順があるようです
head内にソースを追加
amp-videoを利用
参考は以下を
参考1
参考2

こちらにも書きましたが一応載せておきます
ampで使えるタグなど

みきさん、わいひらさん、ありがとうございます。

とりあえず２４時間プラグインを停止してみましたが変化は確認できていません。
ただわいひらさんのおっしゃるとおりYouTubeが生成するiframeタグを貼り付けてみると動画が表示されているのが確認できました。
これはプラグインを有効化してみても表示されているようです。

問題の切り分けに役に立てればと思いますが、現状はプラグインをすべて有効化して、このページのみiframeタグで表示させているところです。
するとご覧のとおりとりあえず正常化していますが、urlで貼り付けている他のページについては、今でも不具合が出たままとなっています。

よろしくお願いします。

わいひらさん、ありがとうございます。

#46526でリンクしたページにある

src="http://www.youtube.com/embed/orQbHXIVgi0?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent" allowfullscreen="true" style="border:0;"></iframe></span>

というコードが近いとは思うのですが、微妙に違うんですよね……。

私の場合は`

src=’http://www.youtube.com/embed/-aTf8ejdvKg?version=3&rel=1&fs=1&autohide=2&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent’`

と「amp」の部分が「038」になっているので。

とりあえず先ほど2.3.7にアップデートしてみましたが、今後も最新版に上げてみながら、もしなんらかの拍子に解決したら、報告したいと思います。
現状がわかりやすいように、一応このページももともとのURL直貼りに戻して置いておきます。

よろしくお願いします。

わいひらさん、ありがとうございます。

今アップデートしてみたのですが、どうやら解決していないようですね……。

すみません、コードの貼り付けもうまく行っていなかったようですが、

http://www.d-wood.com/blog/2016/05/24_8049.html

に書かれているコードでは

fs=1&autohide=2&showsearch=0&amp

となっているところが、私のサイトでは

fs=1&autohide=2&showsearch=0&#038

となっているようです。これは

view-source:http://yotubaiotona.net/2016/06/05/%e3%82%b9%e3%82%bf%e3%83%83%e3%83%95%e3%83%bb%e3%83%99%e3%83%b3%e3%83%80%e3%83%bb%e3%83%93%e3%83%aa%e3%83%aa%e3%80%82%e3%80%8c%e5%a4%96%e8%a6%8b%e3%82%92%e5%89%a5%e3%81%8e%e3%81%a8%e3%82%8c/?amp=1

の１５５番あたりを見たのですが、Autoptimizeを利用すると見えにくくなりそうなので、とりあえずしばらく停止しておきますね。

とりあえずこれで直らなければ、動作確認用のこのページ以外は、手動で共有用のiframeタグに張り替えて行こうかと思います。さいわい、ユーチューブ動画を貼り付けているページはそう多くないので。

よろしくお願いします。

youtube-playerというclassが出力されていますが、これはJetpackの機能のようです。
JetpackのShortcode Embedsをオフにするか、以下のコードを子テーマのfunctions.phpなどに追加してみて下さい。
remove_action( 'init', 'wpcom_youtube_embed_crazy_url_init' );

technoteさん、ありがとうございます。

結論から先に申し上げますと、無事正常に動作するようになりました！

そのうえで過程を述べておくと、まず最初はおっしゃるとおりＪｅｔｐａｃｋの「Shortcode Embeds」（ショートコード埋め込み）を停止してみました。
が、それだと他のページに埋め込んでいたFacebook動画などの挙動がおかしくなってしまったため、Jetpackの機能は復活させたうえで、教えてくださったコードをfunctions.phpに追加しました。
その結果、ご覧のとおり正常表示されるようになりました！（Autoptimizeも復活させましたが問題ないようです）

あとはFacebook動画などがAMPページで動作していないのを見つけてしまったのですが、これは現時点での仕様のようなので、ともかく今までのような理由の分からない不具合はすべて解消したと思います。

長々とたくさんのひとたちにお世話になりましたが、本当にありがとうございました！

追伸です。

こないだプラグインを停止したときは、最初からインストールされていた

WP Multibyte Patch

Jetpack

だけは残していました。それでこんなことになっていたのですが、原因も完全にわかったうえで解決したのでよかったです。改めて、本当にありがとうございました！

わいひらさん、ありがとうございます。

はい、まったくおっしゃる通りで、すべてと言ったらすべてですよね。
申し訳ないです。
次からは気をつけます。