Jiro Laboratory

C#、ASP.NET、JavaScript、Androidとか

JavaScript

Youtube IFrame Player API のプレイヤーをページ背景にする(ミュート)

css でプレイヤーサイズをウィンドウサイズと同じにします。 また、z-index を指定してプレイヤーがメインコンテンツの背景になるようにします。 onPlayerReady イベントで mute() を呼び出せばミュートになります。 コードサンプル 背景動画に「ドット画像…

YouTube Data API (v3) でデータを取得する

少なくとも2種類の方法があります。 Google APIのクライアントライブラリを使う $.ajax を使う クライアントライブラリを使用するサンプルコードはOAuth2認証を行うサンプルしかありませんでしたので、APIキーを使って認証なしで実行できるサンプルコードを…

YouTube Player API を使った動画の再生

YouTube Player API を使うと JavaScript でYoutubeプレイヤーの操作を行うことができます。 動画の再生に必要な最小限のコードは以下になります。 <div id="player"></div> <script src="https://www.youtube.com/iframe_api" async></script> <script> var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { videoId: 'M7lc…

リンクを新しいタブ、新しいウィンドウで開いたことを識別する方法

スタック・オーバーフローに教えてもらいました。 回答 if (document.referrer) { if (history.length == 1) { alert('リンクから新しいウィンドウで開かれました。'); } else { alert('リンクから同じウィンドウで開かれました。'); } } else { alert('アド…

IEのウィンドウサイズをワンクリックで指定サイズに変更する方法

手順 (1024×768にする場合) 1.ブックマークを作成する どんなページでもよいので適当なサイトをブックマーク登録します。 修正例ではグーグルのトップページをブックマークしました。2.URL欄を変更 登録したブックマークを右クリック → プロパティ URL欄を以…

document.charsetの怪

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" /> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> </head> </html>