>フリーウェアfreo> freo向け?ニコニコ動画 外部プレイヤータグ生成

エントリー

freo向け?ニコニコ動画 外部プレイヤータグ生成

03/29 : 動画URL変換時に余分なスラッシュが入ってしまってたので修正しました。
余分にスラッシュが入ってても動画は表示されるみたいですが・・・。
修正前
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch//sm20409342"></script>
修正後
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm20409342"></script>

ニコニコ動画の外部プレイヤータグをfreoのソースエディタに張り付けると
TinyMCEがプレイヤータグの前に<p>&nbsp;</p>タグを挿入してしまいます。
そのため、1行下がった状態で動画が貼り付けられます。

ならばと<p><script></scrpit><noscript></noscript></p>
と全体でPタグで囲うと<script>タグが消えたりと色々面倒なことになってると思います。
自動補正?が悪さをすることが結構あって、悩んでる人はいるはず。
そこで、このブログでは少しタグを変更して使ってます。

どういう風に変更してるのかは、ブログを見てもらえばわかるので省略。
<noscript></noscript>を削除して、その代わりタイトルとURLを追加してます。

手動で書き換えるのも面倒なので、
ニコ動URLを入力するとタグを生成するスクリプトを置いてあります。
http://blog.misanyan.com/script/niconverter.php

common.cssには以下を追加してください。

/* ニコニコ動画外部プレイヤータグ
────────────────────────────── */
div.nicovideo {
    margin: 10px 0;
}

「 margin: 10px 0; 」
この部分は自分のサイトに合わせてください。

common.cssの中にある
p {
ここの数値
}
を見つけて、この値をdiv.nicovideoのほうにコピーしてください。
数値を同じにすると違和感がないかと思います。

タイトル名を大きくしたいとか色を少し変化させたいなら
font-size: x-large;
color: red;

/* ニコニコ動画外部プレイヤータグ
────────────────────────────── */
div.nicovideo {
    margin: 10px 0;
    font-size: x-large;
    color: red;
}

という具合にcssを追加したりするだけで調整できます。

ページ移動

コメント

コメント欄への投稿方法や内容につきましては、
記事へのコメント投稿についてを参考にしてみてください

コメント欄の投稿は公開されます。
非公開を希望する内容につきましては、みさきる!管理者へ連絡をお使いください。

comments powered by Disqus

コメント

  • コメントはまだありません。

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
閲覧制限

ユーティリティ

スポンサードリンク

検索

カテゴリー

新着記事

    新着コメント

    スポンサードリンク

    つぶやき

    スポンサードリンク