본문 바로가기
실시간TV∴영화∴드라마∴예능

유용한정보77

유튜브 영상 첨부할 때 사용 가능한 옵션 총정리 유튜브 내장 플레이어의 파라미터. (YouTube Embedded Players Parameters) 유튜브 임배디드 플레이어이서는 영상 재생 설정을 위한 다양한 형식의 파라미터를 제공하는데요. 사용자는 자신이 이용하려는 동영상의 공유코드에 파라미터 조합기호(&)를 이용해서 다양하게 설정할 수 있답니다. 사용 예. VIDEO_ID?autohide=0&autoplay=1&color=white&theme=light&vq=hd1080 그럼 어떤 파라미터들이 있는지 살펴볼까요? [재생영역 외, 감추기] autohide (지원하는 플레이어: AS3, AS2, HTML5) 컨트롤러나 진행 표시줄(progress bar)의 상태를 지정합니다. 이 파라미터를 할당하지 않으면 유튜브 플레이어는 재생 후, 진행 표시줄을 .. 2015. 7. 2.
스크롤해도 상단에 고정되는 메뉴 만들기 웹페이지의 내용이 많으면 스크롤해서 보게 됩니다. 그러면 페이지에 있는 모든 내용이 움직이고 상단에 있는 메뉴도 위로 사라지게 됩니다. 이렇게 되면 페이지의 내용을 다 보고 다른 메뉴로 이동하려 할 때 다시 문서의 위로 스크롤해서 올라가야 하는 불편이 있습니다. 이 불편을 해소하는 방법 중의 하나가 메뉴의 위치를 고정시키는 것입니다. 간단한 예제는 다음과 같습니다. http://book.cmsfactory.net/jQuery/V01/Tips/jquery-tip-fixed-header.html Site Title First Menu Second Menu Third Menu Fourth Menu 스크립트 부분만 살펴보면var jbOffset = $( '.jbMenu' ).offset(); 메뉴의 위치를 파악.. 2015. 6. 20.
Windows 8을 저사양PC에 최적화하기! 이 포스트는 저사양 컴퓨터, 노트북, 넷북, MID, UMPC등에서 Microsoft社의 Windows 8 운영체제를 쾌적하게 사용할 수 있도록 도와주는 여러가지 노하우를 소개합니다. 실제로 필자의 UMPC(Q1Ultra)에 적용하여 사용하고 있는 내용을 포함하고 있으며, 필자에게 필요한 기능은 해제하지 않고 사용중이기 때문에 사용자에 따라서 차이가 있을 수 있으므로 이점 유념하여 적용하시는 것을 권해드립니다. 필자가 사용중인 UMPC(Q1Ultra)의 사양 프로세서 Mobile Intel A110 800MHz 메모리 2GB DDR2-800 시스템 칩셋 Mobile Intel Little River i945GU 그래픽 칩셋 Mobile Intel(R) 945 Express Chipset 하드디스크 Tos.. 2015. 4. 5.
HTML 5 video 코드 사용 및 jQuery로 동영상 동적 load HTML 5에 추가된 기능 중 동영상을 재생해주는 video 태그가 있습니다. 사용방법과 재생 가능한 동영상, 음성 코덱이 어떤 것인지 알아보려고 합니다. 그리고 jQuery를 사용하여 클릭하는 메뉴에 따라서 동영상을 동적으로 재생하는 방법도 살펴보겠습니다. HTML 5 video HTML 5 비디오 태그는 HTML 5의 초안 규격에서 소개된 언어 태그입니다. 동영상을 임베드(embed)하는 것을 지원해주고 있습니다. 기본 동영상 코덱은 아직 완전히 성립되지는 않았고, 사용가능한 브라우저에 따라서 내용이 다릅니다. 현재까지의 데이터는 위키피디아를 참고하여 작성합니다. 자세한 브라우저별 지원 내용은 아래 사이트에서 참고하시기 바랍니다. http://en.wikipedia.org/wiki/HTML5_vide.. 2015. 2. 21.
[HTML5] Video & Audio 멀티미디어 지원 HTML 5 를 지원하는 브라우저는 비디오, 오디오와 같은 멀티미디어 형식을 자체적으로 지원한다 HTML 5 는 이러한 멀티미디어 파일을 웹 페이지에 삽입할 수 있는 태그를 정의하고 있으며 재생과 관련한 각종 제어를 수행할 수 있는 스크립트 API가 제공된다 이전의 브라우저 환경 HTML 5가 등장하기 전, 브라우저 환경에서는 멀티미디어 재생을 자체적으로 할 수 없었다 대신 외부 기술, 즉 브라우저에 별도로 설치되는 플러그인(Plug in)의 힘을 빌어 멀티미디어를 표현할 수 있었다. 멀티미디어 재생을 위한 플로그인 기술로는 다음과 같은 것들이 있다 - 윈도우 미디어 플레이어 - 어도비 플래시 플레이어 - 애플 퀵타임 플레이어 - 마이크로소프트 실버라이트 이러한 플러그인이 브라우저에 따로.. 2015. 2. 21.
JavaScript 최적화 (CompressorRater) JavaScript는 웹상에서 특정 명령을 수행하는 명령어다. 블로그에 어떤 효과를 추가할 때 JavaScript를 많이 사용한다. 내가 티스토리 스킨에서 봤던 JavaScript는 스킨의 날짜 표시 형식을 바꾼다든지 사이드바의 분류 항목을 접고 편다든지 화면을 스크롤 하면 맨 위로 이동하는 버튼이 생긴다든지 이미지 크기가 글 영역을 벗어나지 않게 한다든지 하는 기능을 수행했다. 스킨을 수정하다 보면 아래와 같은 문구가 보일 때가 있다. (티스토리는 [설정] - [스킨] - [HTML/CSS 편집] - [skin.html]에 있음.) 이 부분이 JavaScript를 사용하는 부분이다. 사이에 있는 내용 또는 지정된 위치의 js 파일이 바로 JavaScript다. 블로그에 다양한 효과를 적용하려고 욕심을 .. 2015. 2. 20.
jquery 기본문법 기본설정 Visual Studio 2008(이하 VS2008)에서는 간단한 설정 만으로 jQuery에 대한 인델리센스를 사용하여보다 빠르고 쉽게 코드를 작성할 수 있다. 인 텔리센스를 사용하기 위해서는 우선 vsdoc.js 관련 패치 파일인 VS90SP1-KB958502-x86.exe을http://code.msdn.microsoft.com/KB958502/Release /ProjectReleases.aspx?ReleaseId=1736 에서 다운받아 설치 한다. //JS로드 //독립된 자바스크립트 문서에서 JS로드방법 2015. 2. 16.
CSS border-image 속성 border-image: url(이미지주소) 오프셋 옵션; 예제: http://jmnote.com/css/border-image.php 안녕 친구들 2015. 2. 16.
위, 아래 자동 스크롤 아래로 2014. 9. 1.
<UL><LI>를 이용한 가로정렬 메뉴 만들기 MENU1 MENU2 MENU3 MENU4 MENU5 2014. 9. 1.
홈페이지에 무료음악 플레이어 설치하기 홈페이지에 무료음악 플레이어 설치하기 홈페이지 소스상단 적당한곳에 아래의 소스를 추가하시면 됩니다. 플레이어 옵션(http://song.xtx.kr?옵션값) s=스킨번호 1~25 없으면 기본값 1적용 q=음악키워드 kpop, 아이유, 이미자, 발라드, 7080 둥둥 입맛대로^^ 없으면 기본값 랜덤 pl=플레이어 위치 top(상단), bottom(하단) 없으면 기본값 top vo=볼륨 0~100까지 없으면 기본값 50 au=기본값자동재생, 1 수동재생 sh=기본값랜덤재생, 1 순차재생 re=기본값1(재생목록반복) 0(재생목록1번재생), 2(항복반복) ow=리스트노출여부 1노출, 기본값노출안함 ch=기본문지셋 utf-8 , euc-kr 은 1 예제) 7080 음악을 7번(black)스킨 에 적용 주의) 도메.. 2014. 6. 6.
스마트폰 무료음악 감상 어플리케이션 온라이브스토어, Tstore, 올레마켓, U+스토어 에서 뮤직트로트, 트로트1번지, 3040, 7080, 무료음악방송 등으로 검색하시면 아래 이미지와 같은 아이콘(타이틀:뮤직트로트-무료음악방송) 이 검색됩니다. 클릭하셔서 설치하시면 스마트폰에서도 뮤직트로트 서비스를 받으실수 있습니다. Play스토어, 온라이브스토어, OneStore(원스토어)국내통신3사 아이폰 사용자나 앱 설치없이 바로 접속 하시고 싶은분은 스마트폰 인터넷창 주소에 xtx.kr 로 접속 하시면 됩니다. 뮤직트로트 - 무료음악, 무료음악감상, 무료음악방송 온라이브 - 음악방송 등록, 청취, 기타서비스 2014. 6. 6.
랜덤배너소스 + 랜덤 아이프레임 소스 아래는 응용편 입니다. 랜덤 이미지배너 대신 랜덤 아이프레임 소스입니다. 위의 소스를 자동으로 실시간 변하게 쓰시고 싶으시면 아래의 내용을 삽입하시면 됩니다. 예를 들어 3초에 새로고침(리프레쉬)시키며, 이미지배너/아이프레임이 있는 문서 이름이 a.htm 이라고 가정하면 아래와 같이 적용하시면 됩니다. 단 아이프레임을 불러올 경우는 불러와지는 각 아이프레임마다 위의 테그를 넣어 주셔야합니다. 2014. 5. 24.
자동새로고침 New Document setTimeout("history.go(0);", 30000); 2014. 5. 24.
input박스에 값이 들어오자 마자 해당되는값 출력 2014. 5. 5.
반응형
Copyright ⓒ SmartWeb All rights reserved.

티스토리툴바