[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js
デモ：Googleマップ Googleマップもサポート。 Embed.jsの使い方 Step 1: 外部ファイル 当スクリプト・スタイルシートとjquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterを埋め込む時には「widgets.js」、コードのシンタックスハイライトには「highlight.min.js」を使用します。 <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
![[JS]これは便利！YouTubeの動画をはじめ、VineやTEDやCodePenやツイートやPDFやGoogleマップまで簡単にページに埋め込めるスクリプト -Embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7f1b78c4054290453044ec517a54e1f30348b63/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015041500.png)
複数のYouTube動画をJavaScriptで切り替えて再生する方法｜Blog｜Skyward Design
複数のYouTube動画をJavaScriptで切り替えて再生する方法 Posted by Hideki at 2011年8月27日 21:08 タグ： JavaScript ある案件の制作作業で、お客さまがアップしている多数のYouTube動画を1つのエリアで切り替えて再生する方法がないか探ったところ、YouTube JavaScript Player APIを利用すると簡単に実現することが分かったので紹介します。 YouTube JavaScript Player APIを利用すると、Object要素の属性を操作したり（Firefoxでしか動作しませんでした）、動画毎にObject要素用意してを切り替えたりする（動画が多数になると重いです...。）必要がなく、非常にシンプルに実現できました。また、動画を切り替えた時もプレーヤーそのものは表示されたままで、動画の再生エリアがダイレクトに切
HTML5とjQueryで作られたビデオプレイヤー「jMediaelement」 | Web活メモ帳
「jMediaelement」はHTML5とjQueryで作られたビデオプレイヤーです。 カスタマイズを前程に作られているようで、各ボタンを操作した際のイベントの設定など細かくできるようになっていました。 Youtubeの動画も再生できるようです。 デモ 対応動画形式 ogg (theora/vorbis), mp4/mov (H.264), WebM (VP8/vorbis), FLV 複数対応しているようで、movやflvなど再生できるようです。 デザインにはjQuery UIを使用しているようですので、テーマの変更など簡単にできそうですね。 興味のある方はぜひダウンロードしてみてください！
自動でリピート再生するYoutube動画を背景全体に指定出来るjQueryプラグイン・jquery-tubular
Webサイトの背景をリピート再生するYoutube の動画にしてしまおう、というjQueryプラグイン ・jquery-tubularのご紹介です。なかなか斬新 では無いかなと思います。ユニークなサイトを 作る際に参考にしたいですね。導入も極めて 簡単なのでぜひチャレンジしてみてください。 jQuery使うといろいろ出来るんですねぇ。スキルの低い僕にとっては、こうしてソースを提供してくれるのがとてもありがたいです。ライセンスはMITとのことですので、商用でもOKですね。 [note]かなり適当ですけどWordPressのテーマにしたのでご興味有りましたら遊んでみてください。[/note] このように背景全体にYoutubeの動画を使うことが出来るプラグインです。ユニークでインパクトもありますね。導入も非常に簡単です。 サンプル作った 面白かったので暇を見て適当にデモサイトを作ってみました。
Youtube動画を透過(opacity)できるjQueryプラグイン・YTPLAYER
あまり見かけないタイプのライブラリだった のでメモ。Youtubeの動画を透過させる事 が出来るjQueryプラグインです。インター フェースもクールにされて全画面に配置した りオート再生させたりも可能でIE6や7でも 一応は動作してくれます。 僕はちょっと知らないんですけど、Youtubeって普通は透過出来ない、で合ってますよね？普通に出来るならちょっと恥ずかしい記事ですけどｗ 透過だけでなく、オート&リピート再生、ミュート設定も出来て、見た目もスッキリさせてくれています。以前はYoutube動画を背景にするjQueryプラグインをご紹介しましたが、今回は透過が出来るプラグイン。いろいろ出来るんですね・・ CPUの問題は否めないとして、これはちょっと素敵なので覚えておきたいです。透過のみに関してはIE6や7にも対応していますが、Operaは透過出来ませんでした。バージョンにもよるんですか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
