WordPress에 Naver TV動画挿入する

0

Naver TV動画を WordPress サイトに挿入したい場合があります。 この場合、 Naver TV動画のiframe形式の共有コードを WordPressに挿入します。

まず、共有する Naver TV動画ページで共有アイコンをクリックしてiframeコードをコピーするようにします。 テストで 「近衛兵」の3ラウンド舞台 - に手を触れないでください 動画を共有しましょう。

Naver TV動画を共有する

このような画面で共有アイコンをクリックすると、さまざまな共有方式が表示されます。 下部のコード部分(<iframe scr ...)の「コピー」をクリックして、コードをコピーします。 コピーしたコードは、次のような形式になります。

<iframe src='http://serviceapi.rmcnmv.naver.com/flash/outKeyPlayer.nhn?vid=ADDEC17B692FEEB0298367F2F9897408C13F&outKey=V1252b76283517e2f125756c6a3282113cd281f72b8e6184e905d56c6a3282113cd28&controlBarMovable=true&jsCallable=true&isAutoPlay=true&skinName=tvcast_white' frameborder='no' scrolling='no' marginwidth='0' marginheight='0' WIDTH='544' HEIGHT='306' allow='autoplay' allowfullscreen></iframe>

このコードを挿入しようとするページや記事の編集画面で、 テキストモードに切り替えた後、目的の場所にコードを挿入します。

WordPress テキストモード

しかし、サイトのSSLセキュリティサーバー証明書がインストールされている場合のビデオが正しく表示されません。 SSL証明書がインストールされているサイトがhttpsでロードされる場合 Naver 共有URLのhttp://の部分をhttps://に変更すると、動画が正常に表示されます。

ちなみにGoogleがブログを通じてクロム68がリリースされるの7月からSSLセキュリティサーバーが適用されたHTTPS Webページは、「安全」で表示していないHTTPサイトには「安全でない」の警告が表示さそうです( "Google Chromeは、7月からすべてのHTTPサイトに対して「安全でない」の警告表示"参照)。

上記のコードを挿入してみると次のように動画がうまく表示されます。

ショートコードで Naver 動画の挿入

Naver 動画を頻繁に挿入する場合は、テキストモードでコードを挿入することが面倒な場合があります。 この場合、ショートコードを作成し、ビジュアルモードで直接好きなところのコードを追加することができます。

次のコードを使用している WordPress テーマの関数ファイルに追加するようにします。

// Naver 동영상 표시 숏코드
function vid_sc($atts, $content=null) {
extract(
shortcode_atts(array(
'vid' => ''
), $atts)
);
return '<iframe src="http://serviceapi.rmcnmv.naver.com/flash/outKeyPlayer.nhn?vid=' . $vid . '&controlBarMovable=true&jsCallable=true&isAutoPlay=true&skinName=tvcast_white" frameborder="no" scrolling="no" marginwidth="0" marginheight="0" WIDTH="544" HEIGHT="306" allow="autoplay" allowfullscreen></iframe>';

}
add_shortcode('navertv', 'vid_sc');

SSL証明書がインストールされている場合、http://をhttps://に変更できるようにします。

この作業をする前に、子テーマを作成するようにします。 子テーマを作成せずにコードを挿入すると、後日にテーマが更新される場合、コードが消えます。 子テーマを作成する作業が面倒なら、プラグインを1つ取り付けて簡単に作成することができます(参照).

ここで、次のような形式でコードを挿入することができます。

[navertv vid="ADDEC17B692FEEB0298367F2F9897408C13F&outKey=V1252b76283517e2f125756c6a3282113cd281f72b8e6184e905d56c6a3282113cd28"]

vidに入るコードは vid = 次から &controlBarMovable = 以前までのコードです。

メモ:

※一部文にアフィリエイトのリンクを含めることができます。_コーヒーカップの値にブログ運営を スポンサーすることができます。

Ω