ブログ記事内の複数動画をタブ化して表示してみる 

これまでブログに記事を投稿した時にそれに関する動画を掲載することがありましたが、複数の動画サイトやSNSに動画を投稿している場合、動画をタブ切り替えで選択して表示できるように工夫してみました。

ブログ記事内の複数動画をタブ化して表示してみる

いくつかのサイトを参考にスタイルシートを使ってタブの表示と切り替えができるようにしました。

記事編集時にYouTubeやニコニコ動画など使用する動画サイトのサービス名と動画のIDを変数化して保存、それをMovableTypeの動画表示用に作成したモジュールに渡して、タブ部分と各サービスの動画貼り付けコードに沿った内容のHTMLを出力しています。

これからも機会があれば動画撮影したものをブログに掲載していこうと思います。


記事を参考にしたり興味を持たれた方はペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
管理人だけが読める秘密のコメントを投稿したい場合はアイコン下のテキストボックスに入力すると同時に送信されます。
今後の励みになりますのでよろしくお願いします!




 

 

現在の感情は?

 絵文字を使う クリックで絵文字を使用

  • サインインして投稿したコメントは即時公開されますが、サインインしない場合はスパム対策のため一旦保留とし、管理者の承認後に公開されます。
  • 英文のみの投稿やシステムがスパムと判断した内容は公開されません。また、管理者が不適切と判断したものは削除します。
  • タグは使用出来ません。
  • Gravatarによるアバター画像の表示に対応しています。
Recent Entries
Recent Comments
Categories
Monthly Archives
Information
ツイッター
Facebookページへ
ブログの更新はツイッターフェイスブックページでお知らせしています。Windows8以降のライブタイルにも対応しています。
 プロフィールページ
 メールフォーム
 フォトサムネイル
 投稿動画
 mixi
 YouTube
 ニコニコ動画
RSS