jQueryで指定ユーザーの最新のYoutube動画を表示する方法
最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。
- 投稿日
- 更新日
最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。
センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。
Wordpressの投稿フォーマットはラジオボタンでさり気なく配置されているので、よく目をこらさないと気づきませんね。
「CF Post Formats」を導入すれば投稿フォーマットをタブにしてくれるので、チェックするの忘れてしまったなんてこともなくなると思います。
jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
CSS3でアニメーションが使えるようになり「hover」と組み合わせればマウスオーバーアニメーションならJSを使わなくても余裕な感じですが、クリックでアニメーションしたいときはそれらしいセレクターがないのでできないかなと思ってましたが、頑張ればできるらしいです。
CSSはシンプルなのでとてもわかりやすい言語ではありますが、その分サイトが肥大化していくとメンテナンス性が悪くなりますね。
LESSを使えばプログラム的な書き方ができるので、ムダなく効率的に管理できるみたいです。
以前「WordPressの入っていないサイトにRSSを取得してブログの情報を載せる」という記事を書きました。これは基本的なデータだったら問題ないのですが、アイキャッチだったり、カスタムフィールドを取得して表示させたい場合はできません。
Feed情報をカスタマイズする手もあるのですが、ここではオリジナルのXMLファイルを作成して表示する方法をご紹介します。