[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js
Google Mapをはじめ、YouTube, Vimeo, Vine, TEDなどの動画、SpotifyやSoundCloudなどの音楽、GitHub, CodePen, JS Binなどのコードなど、さまざまなメディアをWebページに簡単に埋め込むことができるスクリプトを紹介します。 :heart:（ハート）や:smile:（スマイル）などの絵文字を使ったテキストを埋め込めます。 リンクを検出して、bit.ly, buff.ly などの短縮URLに置き換えます。 Twitterのツイートを埋め込みます。 YouTubeやVimeoの動画をAPIから取得して埋め込みます。 dailymotion, vine, TEDなどの動画共有サービスもサポート。 SpotifyやSoundCloudなどの音楽サービスもサポート。 HTML5プレイヤーにサポートされた音楽ファイル（.wav, .mp3
![[JS]埋め込みはこれでOK！Google Mapも動画も音楽もコードもツイートも簡単に埋め込めるスクリプト -embed.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/b29e845c6df328575d3756fb3316de2a165a7046/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016061401.png)
サーバでvideoやaudioが再生されない時の対応
videoやaudioを使ったサイト作成時に、ローカル環境だと再生できて、サーバにアップすると再生できないということがあったので、対応方法をメモしておきます。 サンプルコード サーバの設定が原因のことが多いみたいなので、.htaccessに以下を追加します。 videoの場合 AddType video/mp4 .mp4 AddType video/webm .webm audioの場合 AddType audio/mpeg .mp3 使用する拡張子に合わせて適宜変更してください。 【参考サイト】 HTML5のVIDEOタグ使用の注意点など / Maka-Veli .com HTML5 Audioの設定方法と各ブラウザの対応状況
YouTubeの再生回数を取得する方法
YouTubeの再生回数を取得する方法を紹介します。 １．はじめに YouTubeに投稿した動画の再生回数は動画再生のページには表示されます（右下の赤枠部分）。 が、ブログなどに貼り付けた動画にこの再生回数を表示する方法が分かりません。 ということで、YouTubeの再生回数を取得・表示する方法を紹介します。 なお、再生回数が取得できるのは自分のアカウントで管理している動画に限ります。 ２．APIキーの取得 再生回数を取得するには、YouTube Data API（エントリー投稿時点ではv3）を利用します。 このAPIを利用するためのAPIキーの取得します。 Google Developers Consoleのページに移動して「API Project」をクリック（新しいプロジェクトを作成してもいいと思います）。 利用規約の更新ダイアログが表示されたらチェックボックスをチェックして「同意しま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Plyr - A simple, customizable HTML5 Video, Audio, YouTube and Vimeo player
