Vimeoの動画を自分のウェブサイトに埋め込んでYouTubeの再生リストのように再生する機能を作りたいと思います。動画のリンクをクリックしたときビデオをリロードするだけです。たとえば、これは映画のウェブサイトで、私はプロジェクトのトレーラーといくつかのプロモーションクリップを持っています。新しいビデオを読み込むリンクをユーザーがクリックするだけで、それらのすべてを表示できます。どうすればいい?jqueryを使用してVimeoの動画を動的に読み込む
答えて
これも有効です。
$('#some_video_container').html('<iframe src="http://player.vimeo.com/video/12345?
title=1&byline=1&portrait=1" width="643"
height="360" frameborder="0"></iframe>');
チェックアウトoembed。私の知っている最高のプロバイダはhttp://embed.ly
公式jQueryのEmbed.lyプラグインですここにある:https://github.com/embedly/embedly-jquery
ここに行きます。
$.getJSON('http://www.vimeo.com/api/oembed.json?url=' + encodeURIComponent('http://vimeo.com/7100569') + '&width=300&callback=?', function(data){
$('#some_video_container').html(data.html);
});
私はこの解決策を気に入っています。 – JohnnyQ
クールです。どのようにhttps上でこれを行うにはどのようなアイデア? – heykatieben
これは古くからあるので、[jQueryの$ .ajax](https://api.jquery.com/jQuery.ajax/)を使用します。 httpsでロードするには、URLからプロトコルを省略するだけです:$ .ajax( '// www.vimeo.com/api ... ** httpやhttpsがないことに注意してください。ブラウザはこれを理解します。スラッシュスラッシュでURLを開始してください** – jrue
また、私はここで見つけるVimeoのプレイリスト、使用しました:あなたがプレイリスト(ビデオの上に、底部または側面を)したい場所を設定することができますhttp://luwes.co/labs/vimeo-playlist/
を。全体的にセットアップはかなり簡単です。あなたのビデオURLをスクリプトの配列に入れてください:
<div id="player"></div>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.js"></script>
<script src="http://luwes.co/vimeowrap.js/vimeowrap.playlist.js"></script>
<script>
vimeowrap('player').setup({
urls: [
'https://vimeo.com/user3709818',
'https://vimeo.com/user3709818'
],
plugins: {
'playlist':{}
}
});
</script>
- 1. JWプレーヤーでvimeoの動画を読み込む方法
- 2. APIを使用してYouTube動画を読み込む
- 3. 画像を動的に読み込むと、Chromeでのみ動作します
- 4. コンテンツの読み込みモジュールを動的にjQueryを使って
- 5. 自動的にURLを読み込む
- 6. youtube動画の終わりに動画を読み込む
- 7. HTML5動画の読み込み時に画像を読み込む方法は?
- 8. jQueryを使用してポップアップを自動読み込み
- 9. モーダルを使用して動的URLを読み込み
- 10. Cで動的割り当てを使用してファイルを読み込む
- 11. jqueryを使用して動的にTwitterウィジェットを読み込んでいます
- 12. 動的画像読み込み。
- 13. ウェブページのコンテンツの上に画像/動画を読み込む
- 14. aspコントロールを含むUserControlを動的に読み込む方法
- 15. Phantomjsでスクロールして動的コンテンツを読み込む方法
- 16. ピカソを使用して画像をビットマップに読み込む
- 17. xamlを使用してsilverlight richtextareaに画像を読み込む
- 18. jQueryを使ってjavascriptを実行してdivに動的にユーザーコントロールを読み込む方法は?
- 19. jqueryを使用してdiv内のページを読み込む
- 20. はJavaScriptを使用してjQueryのページを読み込む -
- 21. jQueryを使用してdivにPHPファイルを読み込む方法パラメータを渡して読み込み
- 22. Google APIを動的に読み込み
- 23. AndroidでOpenCVを使用して画像を読み込む
- 24. C#を使用してデータベースから画像を読み込む?
- 25. AngularJS:ページに動的に部分的に読み込む
- 26. ギャラリア - 各画像を動的に読み込みます。
- 27. codeigniterエラーでjqueryを使用してページコンテンツを読み込む
- 28. JPanelに背景イメージを動的に読み込むには?
- 29. cssをhtmlに動的に読み込むには?
- 30. 動的にusercontrolsを読み込む - ポストバックの問題
http://jsfiddle.net/ELHCm/答えに基づいたJSFiddleデモ – MonteCristo