Youtube 반복재생 안될때. 

< iframe width="560" height="315" src="https://www.youtube.com/embed/vn6b2gj4EVc?rel=0&autoplay=1&modestbranding=1&loop=1&showinfo=0;playlist=vn6b2gj4EVc"

에서 마지막에 playlist= 에 동영상 코드를 동일하게 넣어주어라. 

그리고, rel= autoplay= 순서 바꾸지 말고. 

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/vn6b2gj4EVc?rel=0&autoplay=1&modestbranding=1&loop=1&showinfo=0;playlist=vn6b2gj4EVc" ~~~></iframe>
Posted by 홍반장水 홍반장水

웹에서 요소 복사. HTML DOM execCommand() Method

현재 선택영역의 텍스트를 인자로 받은 값을 통해 변환시킵니다. 

execCommand 에서 "copy" 명령 사용

document.execCommand('Italic')           // 기울이기
document.execCommand('Underline')        // 밑줄
document.execCommand('StrikeThrough')    // 중간줄
document.execCommand('Cut')              // 자르기
document.execCommand('Copy')             // 복사하기
document.execCommand('Paste')            // 붙혀넣기
document.execCommand('Undo')             // 실행취소
document.execCommand('Redo')             // 다시실행
document.execCommand('insertorderedList')    // 글번호 매기기
document.execCommand('insertunorderdList')   // 글머리 매기기
document.execCommand('outdent')          // 내어쓰기
document.execCommand('indent')           // 들여쓰기
document.execCommand('justifyleft')      // 왼쪽정렬
document.execCommand('justifycenter')    // 가운데정렬
document.execCommand('justifyright')     // 오른쪽정렬

Syntax

document.execCommand(command, showUI, value)

Parameter Values

ValueDescription

command Specifies the name of the command to execute on the selected section. 

Legal values: 
"backColor"
"bold"
"createLink"
"copy"
"cut"
"defaultParagraphSeparator"
"delete"
"fontName"
"fontSize"
"foreColor"
"formatBlock"
"forwardDelete"
"insertHorizontalRule"
"insertHTML"
"insertImage"
"insertLineBreak"
"insertOrderedList"
"insertParagraph"
"insertText"
"insertUnorderedList"
"justifyCenter"
"justifyFull"
"justifyLeft"
"justifyRight"
"outdent"
"paste"
"redo"
"selectAll"
"strikethrough"
"styleWithCss"
"superscript"
"undo"
"unlink"
"useCSS"
showUI A Boolean, specifies if the UI should be shown or not
value Some commands need a value to be completed

 

Posted by 홍반장水 홍반장水

web library - petercollingridge Site http://www.petercollingridge.co.uk/tutorials/

 

Tutorials

Explaining how to make fun things because, if nothing else, it helps me understand them.

petercollingridge.co.uk

Tutorials

Home


Explaining how to make fun things because, if nothing else, it helps me understand them.


SVG Tutorials

Collections of SVG tutorials covering the basics to more advanced techniques for making SVGs interactive.

3D Graphics

Building simple 3D engines with Pygame or processing.js.

Pygame physics simulation

Building a simple but versatile physics simulation with Python and Pygame.

Computational geometry

Solving geometry problems for computer graphics.

Inkscape

How to achieve some simple effects in Inkscape.

Bioinformatics

Various tutorials explaining some simple bioinformatics concepts.

Python

Not really a tutorial, but short explanations of various Python things I've learnt.

 

Posted by 홍반장水 홍반장水

크롬, IE 브라우저 전체화면 - F11 키

fullscreen

또는 부가서비스에서 선택

https://chrome.google.com/webstore/detail/full-screen-for-google-ch/gmimocjjppdelmhpcmpkhekmpoddgima

 

Full Screen for Google Chrome

Go full screen with one click on the button.

chrome.google.com

 

Posted by 홍반장水 홍반장水

Github 에서 kiosk 관련 검색


==================================================================
JAVA

A simple example illustrating how to make a kiosk app using the latest Android SDK (22)
https://github.com/sureshjoshi/android-kiosk-example

Demo / Kiosk mode for Android devices
https://github.com/mitmel/Demo-Mode

This is a template app for Android Kiosk mode
https://github.com/wenchaojiang/AndroidKioskModeTemplate

Simplest way to create a application in kiosk mode/ single purpose device application in android. i e. only the single application can be accessed from the device without any root or special permission.
https://github.com/dinkar1708/KioskModeAndroid

==================================================================
JAVASCRIPT

Point-of-Sale checkout kiosk app for Chrome  
https://github.com/KioskApps/SalesPoint

Kiosk protocol smart contracts https://www.kioskprotocol.com/
https://github.com/kioskprotocol/contracts
Install Node.js
Install Truffle

A tool for developing smart contracts. Crafted with the finest cacaos. https://truffleframework.com
https://github.com/trufflesuite/truffle

Airport live data streaming kiosk app for Chrome
https://github.com/KioskApps/InfoHub

Movie theater kiosk app for Chrome
https://github.com/KioskApps/QuickTicket

 

Posted by 홍반장水 홍반장水
TAG github, Kiosk

SVG animation example

http://tutorials.jenkov.com/svg/svg-animation.html

 

SVG Animation

This tutorial explains how to animate SVG shapes with SVG animation elements.

tutorials.jenkov.com

 

Posted by 홍반장水 홍반장水

유트브영상 DIV 밑에 위치하기, wmode=opaque

Overlay a HTML element above an embedded youtube iframe

 

<iframe width="560" height="315" src="https://www.youtube.com/embed/CbyFnHZMqfQ?wmode=opaque&showinfo=0&autohide=1&loop=1" frameborder="0" allowfullscreen></iframe>

 

 

유튜브 영상 파라미터 : https://developers.google.com/youtube/player_parameters?hl=ko#autohide

Posted by 홍반장水 홍반장水

jQuery - Back button Detect, reload  http://www.vvaves.net/jquery-backDetect/

브라우저에서 뒤로가기 버튼 선택시 페이지를 리로드해주는 쿼리. 

단, 라이브러리를 업로드해야 한다. 

https://github.com/ianrogren/jquery-backDetect

 

ianrogren/jquery-backDetect

jQuery backDetect is a jQuery plugin that is used to determine when a user clicks the back button and fire a callback function. - ianrogren/jquery-backDetect

github.com

backDetect

Determining when a user clicks their browser's back button has never been easier with this jQuery plugin. With a quick easy install and minimal set up work you'll be firing callback functions on back button declarations in no time.

View the Project on GitHubianrogren/jquery-backDetect

Using jQuery-backDetect

Can append to any element or class:

$(window).load(function(){ $('body').backDetect(function(){ // Callback function alert("Look forward to the future, not the past!"); }); });</script>

Click the back button to test.

Posted by 홍반장水 홍반장水

jQuery - URL add Hash, get HashjQuery - URL add Hash, get Hash

var url = $(location).attr("href");

url.substring(url.indexOf('#'));

window.location="#222" 

Posted by 홍반장水 홍반장水
TAG ADD, Get, hash, jQuery, url

rel="canonical" 링크 태그 사용
페이지 헤더에  태그를 사용하여 페이지가 다른 페이지의 중복 페이지라고 밝힐 수 있습니다.

다양한 URL로 콘텐츠에 액세스할 수 있지만 https://example.com/dresses/green-dresses를 표준 URL로 설정하고 싶은 경우 다음 단계를 사용해 이 URL이 표준 URL임을 나타내세요.

rel="canonical" 링크 요소를 사용하여 모든 중복 페이지를 표시합니다. 
다음과 같이 rel="canonical" 속성이 포함된  요소를 중복 페이지의  섹션에 추가하여 표준 페이지로 연결되도록 합니다.
https://example.com/dresses/green-dresses" /> 표준 페이지에 모바일 변형 페이지가 있는 경우 rel="alternate" 링크를 추가하여 페이지의 모바일 버전으로 연결되도록 합니다.
http://m.example.com/dresses/green-dresses"> 페이지에 적합한 hreflang 또는 다른 리디렉션을 추가합니다. rel="canonical" 링크 요소에는 상대 경로보다는 절대 경로를 사용하세요.
권장되는 구조:  https://www.example.com/dresses/green/greendresss.html
권장되지 않는 구조: /dresses/green/greendress.html​

요약

  • rel="canonical" 및 rel="alternate" 요소로 <link> 태그를 지정하여 두 URL 간의 관계를 알립니다.

  • 사용자 에이전트 문자열을 감지하고 적절하게 리디렉션합니다.

데스크톱과 모바일 URL의 사이트설정

Google 알고리즘이 별도 모바일 URL을 이해하도록 하려면 다음 사이트설정을 사용하는 것이 좋습니다.

  1. 데스크톱 페이지에 해당 모바일 URL을 가리키는 특별한 link rel=”alternate” 태그를 추가합니다. 이렇게 하면 Googlebot이 사이트의 모바일 페이지 위치를 찾을 수 있습니다.
  2. 모바일 페이지에 해당 데스크톱 URL을 가리키는 link rel=”canonical” 태그를 추가합니다.

Google에서는 이 사이트설정을 페이지 자체의 HTML에 포함하거나 사이트맵에 포함하는 등 2가지 방식을 지원합니다. 예를 들어 데스크톱 URL이 http://example.com/page-1이고 해당하는 모바일 URL이 http://m.example.com/page-1이면 사이트설정은 다음과 같습니다.

HTML에서 사이트설정

데스크톱 페이지(http://www.example.com/page-1)에 다음을 추가하고

 

<link rel="alternate" media="only screen and (max-width: 640px)"
 
href="http://m.example.com/page-1">

모바일 페이지(http://m.example.com/page-1)의 필수 사이트설정을 다음과 같이 구성합니다.

 

<link rel="canonical" href="http://www.example.com/page-1">

모바일 URL에서 데스크톱 페이지를 가리키는 rel="canonical" 태그는 필수입니다.

 

https://developers.google.com/search/mobile-sites/mobile-seo/separate-urls?hl=ko

 

별도 URL  |  검색  |  Google Developers

이 설정에서는 각 데스크톱 URL에 모바일에 최적화된 콘텐츠를 게재하는 관련 URL이 별도로 존재합니다. 일반적인 설정의 경우 데스크톱 사용자에게 게재되는 www.example.com의 페이지와 상응하는 페이지인 m.example.com에서 모바일 사용자에게 게재됩니다. Google에서는 Googlebot 사용자 에이전트가 액세스만 할 수 있다면 특정 URL을 더 선호하지는 않습니다. 별도의 모바일 URL은 다른 URL에서 다른 코드를 데스크톱과 휴대기기

developers.google.com

 

Posted by 홍반장水 홍반장水