Real World React
Jonathan Beebe http://www.nodevember.org/speakers/jonathan-beebe
BigVideo.js - The jQuery Plugin for Big Background Video
BigVideo.js The jQuery Plugin for Big Background Video (and Images) 12-30-2015 Update This project is no longer under active development. Much has changed since the summer of 2012 when BigVideo.js was launched. For more current information on implementing video backgrounds, check out these links: CSS Tricks - Should I use a video as a background? Dudley Storey - Create Fullscreen HTML5 Page Backgr
tubular, a YouTube Background Player jQuery Plugin | Sean McCambridge Design
jQuery tubular Tubular is a jQuery plugin that lets you set a YouTube video as your page background. Just attach it to your page wrapper element, set some options, and you're on your way. $(page content wrapper element).tubular(options); Tubular's hello, world Assuming you're happy with the default options and you use a wrapper div with the id of wrapper, you simply attach to your wrapper div and
Video.js | Open Source Video Player
Assemble your player Feel at home with your framework, skin, and media source import { createPlayer } from '@videojs/react'; import { VideoSkin, Video, videoFeatures } from '@videojs/react/video'; import '@videojs/react/video/skin.css'; const Player = createPlayer({ features: videoFeatures }); export function VideoPlayer() { return ( <Player.Provider> <VideoSkin poster="https://image.mux.com/BV3YZ
[JS]動画をブラウザã„ã£ã±ã„やエレメントã®èƒŒæ™¯ã¨ã—ã¦é…ç½®ã§ãるスクリプト（スマホã«ã‚‚é…慮） -Vide
.mp4, .webm ãªã©ã€å‹•ç”»ã‚’ブラウザã„ã£ã±ã„ã‚„divãªã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®èƒŒæ™¯ã¨ã—ã¦é…ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ デスクトップã§ã¯å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã€ã‚¹ãƒžãƒ›ã§ã¯ä»•æ§˜ã®ãŸã‚代替ã®é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ デモページ iOSã§ã¯å‹•ç”»ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒ—レイヤーã®ã¿å†ç”Ÿå¯èƒ½ãªã®ã§ã€é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚Androidã§ã¯ä¸€éƒ¨ã®æ©Ÿç¨®ã§å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯é™æ¢ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Videã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨jquery.jsを外部スクリプトã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="js/jquery.vide.min.js"></scr
favico.js
favico.js v0.3.10 Make use of your favicon with badges, images or videos View on GitHub Try it: +1 -1 Set icon Play video Start webcam Reset Works on Chrome, Firefox, Opera and IE11+ Badges Animate your favicon with animated badges. You can customize type of animation, position, background color and text color.
ScaleOut | Supership
日々ã®å‡ºæ¥äº‹ã€ãƒ¡ãƒ³ãƒãƒ¼ã®åƒã様åや声ã€æœªæ¥ã¸ã®æƒ³ã„ãªã©ã€Supershipã®â€œBE SUPERâ€ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’シェアã—ã¦ã„ã¾ã™ã€‚
[JS]ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€IE6/7/8ã§ã‚‚HTML5ã®videoã¨audioを利用ã§ãã‚‹ -html5media
HTML5ã®videoè¦ç´ ã‚„audioè¦ç´ をサãƒãƒ¼ãƒˆã—ã¦ã„ãªã„メジャーブラウザã§ã‚‚ãŸã£ãŸä¸€è¡Œã€ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ã ã‘ã§ã“れらを利用ã§ãるよã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ html5media デモページ [ad#ad-2] html5mediaã®å®Ÿè£… html5mediaã®åˆ©ç”¨æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ ページã«è¿½åŠ ã™ã‚‹ä¸€è¡Œ 下記をページã®head内ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> ã“ã‚Œã ã‘ã§ã€ã™ã¹ã¦ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ–ラウザã§HTML5ã®videoã¨audioを利用ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ video, audioã«éžå¯¾å¿œã®IE7ã§ã‚‚期待通りã«å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã¾ã™ã€‚ IE6(IE Tester)ã§ã®ã‚ャプãƒãƒ£ å‚考：video, audioã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ video, audio
BigVideo.js
デモページ デモã¯å·¦ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€å‹•ç”»ã‚’変更ã—ã¦å†ç”Ÿã§ãã¾ã™ã€‚ BigVideo.jsã®ä½¿ã„æ–¹ 外部ファイル BigVideo.jsã¯jQuery, jQuery UIã¨ã€å‹•ç”»å†ç”Ÿã«ã€Œvideo.jsã€ã‚’利用ã—ã¦ã„ã¾ã™ã€‚ã“れら全ã¦ã‚’外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <!-- BigVideo Dependencies --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.youtube.com/playlist?list=PLTo9gQMPMgGaVv9e-ZsrzhWvu5BgyWpi-
Expert led courses for front-end web developers. | egghead.io
HTML5 Video Destruction
Shibuya.js 24 Lightning Talks #2
{{#tags}}- {{label}}
{{/tags}}