【宇治市ＰＲ動画】【ゲーム実況動画編】観光アクションゲーム「宇治市〜宇治茶と源氏物語のまち〜」
京都府宇治市のＰＲ動画、観光アクションゲーム「宇治市〜宇治茶と源氏物語のまち〜」です。 実際の市の世界遺産を含む観光名所や名産品をモチーフにした完全オリジナル２Ｄ横スクロールアクションゲーム『宇治市〜宇治茶と源氏物語のまち〜』で、市の魅力を紹介しています。 開発段階のゲームを、YouTubeで人気のゲーム実況主の方にプレイしていただきましたので、そのゲーム実況動画を公開します（一般にプレイできるゲームとして公開するかは未定です）。 ■ ゲーム実況主 ・愛の戦士さん ・とりっぴぃさん ■ 宇治市ホームページ 来たくなったら、住みたくなったらのぞいてみてください。 http://www.city.uji.kyoto.jp ■ 宇治市公式Facebook イベントや観光など、新鮮な情報を発信しています。 ぜひ「いいね！」してくださいね。
【宇治市ＰＲ動画】観光アクションゲーム「宇治市〜宇治茶と源氏物語のまち〜」
京都府宇治市のＰＲ動画、観光アクションゲーム「宇治市〜宇治茶と源氏物語のまち〜」です。 実際の市の世界遺産を含む観光名所や名産品をモチーフにした完全オリジナル２Ｄ横スクロールアクションゲーム『宇治市〜宇治茶と源氏物語のまち〜』で、市の魅力を紹介しています。 ■ 宇治市ホームページ 来たくなったら、住みたくなったらのぞいてみてください。 http://www.city.uji.kyoto.jp ■ 宇治市公式Facebook イベントや観光など、新鮮な情報を発信しています。 ぜひ「いいね！」してくださいね。 http:// www.city.uji.kyoto.jp/0000014138.html
DMM CM AWARDS 2nd
お問い合わせはこちら ※ログイン時にはその他項目から、件名をCMアワードに変更してお問合せください。 公式Facebookページ 公式Twitter 個人情報保護に関して 第1回 DMM CM AWARDS Copyright © since 1998 DMM All Rights Reserved.
SPAで動画を使って大ヤケドした話 - Qiita
tl;dr 気軽に removeChild するもんじゃない。 フレームワーク（Riot.js）は悪くない 概要 動画メインの小規模サイト（厳密にはSPAと言わないかも） スペック 動画は YouTube IFrame API と一部に video要素 を使用 フロントのフレームワークは Riot.js URL制御はRiot.jsのルータを使う バックエンドはSinatra（この記事には関係ない） YouTube IFrame APIで起こった問題 iframeをDOMツリーから切り離すとYouTubeのエラー頻発 <youtube> <iframe if={ page == 'hoge' } id="player" src="~" /> <script> routing (path) { this.page = path } riot.route(this.routing) onRead
[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。 その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。 デモページ：下までスクロール 実装 使用するリソース チュートリアルにあたり、下記のリソースを使用しています。 jQuery jquery.mb.YTPlayer YouTubeの動画を背景として表示するjQueryのプラグイン フォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景に使う動画の注意点 背景に使う動画は、下記の点に注意してください。 動
![[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b3413c8d26665727debe1c206713a14699cabe5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015020310-01.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
