ニコニコ動画のiframeをHTTPSページに埋め込むやつ公開

動画関係
スポンサーリンク

HTTPSのページにニコニコの動画情報やマイリストなどのiframeを埋め込めるようになるやつを公開。詳しい経緯については以下の記事をご覧ください。動画の外部プレイヤーの話ではないのでご注意ください。

ニコニコ動画のiframeをHTTPSページに埋め込む
HTTPSのページにニコニコの動画情報やマイリストなどのiframeを埋め込めるよう試行錯誤中ですというお話。 2017年11月7日のアップデートにて、「プレーヤー埋め込みコード」と「動画情報とサムネイル埋め込みコード」がHTTPSに公式対...
2017年11月7日のアップデートにて、「プレーヤー埋め込みコード」と「動画情報とサムネイル埋め込みコード」がHTTPSに公式対応したようです。
「動画埋め込みコード」HTTPS対応のお知らせ
スポンサーリンク

使い方

1. サーバーに設置

ダウンロードしたファイルをサーバーに設置します。

「index.php」と「.htaccess」をサーバーのWEBページ用ディレクトリ(public_htmlなど)>「nico-i」ディレクトリ>「各ファイル」となるように設置してください。

2. ニコニコ動画からiframeタグを貼付け

動画ページの場合は、[共有]ボタンを押して「動画のサムネイルと詳細情報」を選択すると、貼付け用のiframeタグが表示されますのでこれをコピーします。

マイリストの場合は【ブログサイトに貼付】の「<iframe>タグ」、ユーザーページの場合は【ブログ貼付】の「<iframe>タグ」の内容をコピーします。

コピーしたものは、iframeを埋め込みたい場所に貼り付けてください。

3. iframeのソースを変更する

貼り付けたiframeタグに含まれる「src=”○○“」の○○を次のように書き換えます。

yourdomain.comには、自分のアドレスが入ります。私の場合はdebuyoko.comになります。

  • 動画(sm30414200)の場合
    https://yourdomain.com/nico-i/sm30414200
  • マイリスト(mylist/57998278)の場合
    https://yourdomain.com/nico-i/mylist/57998278
  • ユーザーページ(user/105095)の場合
    https://yourdomain.com/nico-i/user/105095
原則として”https://yourdomain.com/nico-i/”の後に、動画ならsm~、マイリストならmylist/~、ユーザーページならuser/~という形になります。

4. 表示を確認する

最後に正しく表示されているか確認しましょう。

5. 補足

外部プレイヤー対応でも無いし、ただ情報貼るだけなので誰が使うんだと思ったりしないこともないですが一応……

静画には対応してません。そのうちするかも知れませんが、これ自体応急処置のようなものなので、なによりもニコニコ側の対応が待たれるところです。

表示が少し重たいので、そこを許容できるかが割と重要です。

ちなみに、ダウンロード後のデフォルト状態だとiframeによる表示を同ドメイン内以外は禁止にしています。別ドメインからも貼り付けたい場合は「.htaccess」の一行目を削除してください。

ダウンロード

※これはhttps://github.com/128na/NicoIframeに改変を加えたものです。
※ライセンス等については同梱のReadme.txtをご覧ください。

2017/3/27更新…noindexの追記などメタタグを少しいじりました

コメント

  1. 自分もiframeがSSLページ内に埋め込めなくて困っていましたが、こちらの記事で無事解決できました。ありがとうございます。

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