MDwikiのgimmickでYouTubeが表示されない件【#np2020】

markdown



MDwikiでは簡単なタグでYouTubeやGoogleMapが表示出来るはずですが、表示されません。


mdwiki_http.png

サンプル

MDwiki Demo




コンソールを見るとこんなエラーが出ています。


Mixed Content: The page at ‘https://nobodyplace.github.io/demo/mdwiki/#!subdir/page1.md’ was loaded over HTTPS, but requested an insecure resource ‘http://youtube.com/embed/tyneiz9FRMw’. This request has been blocked; the content must be served over HTTPS.


つまりGitHub PagesがHTTPSで運用されているのに対し、HTTPでYouTubeを読み込もうとしてるのがダメだと。このあたりは、MDwiki.min.jsで決め打ちされているので、タグ側からは修正できません。というわけでMDwiki.min.jsを修正してやる必要があるんですが、圧縮されてるのでスゲー見づらいんですよね。

仕方ないので、「http://」で検索して必要そうなところを適当に「https://」に変換しました。
その結果、無事にYouTubeが表示されました。


mdwiki_https.png

Facebookボタンも同様の処理で表示することが出来ます。


mdwiki_sns.png




ただしGistは表示出来ない

ドキュメントによると「数字IDを付与することでGistを埋め込むことが出来る」と書いてあって確かにサンプルでは表示されてるんですけど、IDが数字だったのって昔の話で今GistのIDって数字じゃないですよね。今の数字(例えば 1b44d9f14c0cd9a2702e)を入力すると表示されない。これもMDwiki.min.jsを修正すれば出来るんでしょうけど、ちょっとめんどくさすぎて放置。Gist貼り付け機能は多分使わないと思うので……コードの挿入で良いじゃん。

そう思いつつGitHubのREADMEをよく見たら、

!! This project is currently unmaintained!!

って書いてありました。あれ、そうなのか。多分誰かがフォークして直してくれているとは思うんだけど、でもフォークされすぎててどれを見たら良いものやら。。まあ、シンプルなんでそうそうメンテナンスする必要も無いんですけどね。gimmickぐらいかな。