jQueryで指定ユーザーの最新のYoutube動画を表示する方法
最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。
- 投稿日
- 更新日
最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。
センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。
jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
Appleサイトのスライダー(カルーセル?)は画像がばらばらに切り替わるのでとてもクールですね。
ということで、動きはあまり再現されていないのですが、それっぽいのを作ってみました。
最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。
そこでスクロールすると区切り(セクション)ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。
マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。
スライドして開く横型のサブナビゲーションを作ってみました。しかし、あまり柔軟性がよろしくないので局地的にしか使えなませが、もし興味あったら、、、。