YouTube動画を背景に使うなら「jquery.mb.YTPlayer」が良さげ - dev.kokushin

テクノロジーカテゴリーの変更を依頼記事元:

kokushin.hatenablog.com

5 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fkokushin.hatenablog.com%2Fentry%2F2017%2F04%2F10%2FYouTube%25E5%258B%2595%25E7%2594%25BB%25E3%2582%2592%25E8%2583%258C%25E6%2599%25AF%25E3%2581%25AB%25E4%25BD%25BF%25E3%2581%2586%25E3%2581%25AA%25E3%2582%2589%25E3%2580%258Cjquery.mb.YTPlayer%25E3%2580%258D%25E3%2581%258C%25E8%2589%25AF%25E3%2581%2595%25E3%2581%2592" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://kokushin.hatenablog.com/entry/2017/04/10/YouTube%E5%8B%95%E7%94%BB%E3%82%92%E8%83%8C%E6%99%AF%E3%81%AB%E4%BD%BF%E3%81%86%E3%81%AA%E3%82%89%E3%80%8Cjquery.mb.YTPlayer%E3%80%8D%E3%81%8C%E8%89%AF%E3%81%95%E3%81%92">YouTube動画を背景に使うなら「jquery.mb.YTPlayer」が良さげ - dev.kokushin</a><a href="https://b.hatena.ne.jp/entry/s/kokushin.hatenablog.com/entry/2017/04/10/YouTube%E5%8B%95%E7%94%BB%E3%82%92%E8%83%8C%E6%99%AF%E3%81%AB%E4%BD%BF%E3%81%86%E3%81%AA%E3%82%89%E3%80%8Cjquery.mb.YTPlayer%E3%80%8D%E3%81%8C%E8%89%AF%E3%81%95%E3%81%92">はてなブックマーク - YouTube動画を背景に使うなら「jquery.mb.YTPlayer」が良さげ - dev.kokushin</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

YouTube動画を背景に使うなら「jquery.mb.YTPlayer」が良さげ - dev.kokushin

最近YouTubeの動画をWebサイトの背景として使う案件が増えており、何か手軽に実装できるプラグインない... 最近YouTubeの動画をWebサイトの背景として使う案件が増えており、何か手軽に実装できるプラグインないかなーと探していたら「jquery.mb.YTPlayer」というのにたどり着きました。なかなか使いやすいプラグインだと思ったので、実装メモを残しておきます。 github.com ライセンス MIT / GPL スクリプトを読み込むクローンするなりzipで落とすなりしてください。 <script src="/js/vendor/jquery.mb.YTPlayer.min.js"></script> 動画を表示させる要素を追加 js-mainvisualVideo は任意のIDを入れてください。 data-property に設定を追記していきます。※後ほど説明します <div class="mainvisual"> <div class="mainvisual__video"