字幕.in の APIを使って動画の下に字幕を貼るブログパーツっぽいものを作ってみた。
何故かSimpleXMLでパースできない動画などがあるのですが、まあ、そこはテキトーに・・・(理由などがわかりましたら教えてください)。
使い方:
- 下記のBookmarkletをブラウザのお気に入りに追加します。
Bookmarklet:この動画を字幕つきでブログに貼る(字幕in)(右クリックでお気に入りに追加)
- 字幕.in のページでどれかなんでもいいので適当な動画を見る。
例えば、このページ:字幕.in | 無職+スタバ+ミスコン+塊魂
- 上記のブックマークレットをそのページで使う
- 動画貼り付け用のタグがテキストエリアに表示されるので、それをコピーしてブログなどにはります。貼り付けイメージも表示されます。
- 利用しているclass名は下記の通り。
- jimaku_parts:字幕パーツ全体を囲っているdivタグ
- jimaku_head:字幕パーツの動画の前までの文字「jimaku.in(字幕つき)」とアイコン
の部分のdivタグ
- jimaku_cont:字幕パーツの動画表示部分
- jimaku_text:セリフ表示部分を囲っているdivタグ
利用しているCSSサンプル:style.css(最後の方に記述しています)
お問い合わせは
りょーち まで。