유튜브 스크립트, 비메오
<div id="player"></div>
<script>
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
videoId: 'id값', <!-- 유튜브 id -->
width:'1200',
height:'760',
playerVars: {
'autoplay': 1,
'rel': 0,
'showinfo': 0,
'modestbranding': 1,
'playsinline': 1,
'showinfo': 0,
'rel': 0,
'controls': 0,
'color':'white',
'loop': 1,
'mute':1,
},
events: {
'onReady': onPlayerReady,
}
});
}
function onPlayerReady(event) {
player.playVideo();
player.mute();
}var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(stopVideo, 6000);
done = true;
}
}
function stopVideo() {
player.stopVideo();
}
</script>
자동시작 플레이
Vimeo(비메오) 동영상 옵션 설정!
iframe으로 비메오에 올려진 영상
자동재생, 반복재생, 컨트롤러 숨기기 옵션 넣는방법
<iframe src="https://player.vimeo.com/video/영상id값?autoplay=1&loop=1&title=0&background=1" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div style="padding:75% 0 0 0;position:relative;margin-top:-40px;"><iframe src="https://player.vimeo.com/video/동영상아이디숫자만?badge=0&autoplay=1&loop=1&title=0&background=1&autopause=0&quality_selector=1&progress_bar=1&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="green"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
일정부분부터 시작 코드 (ex: 5분 16초부터 시작)
#t=5m16s&
댓글 7개
감사합니다~!
감사합니다.
감사합니다.
좋은 정보 감사합니다.
감사합니다.
좋은 정보 감사합니다.
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5096 | PHP | 3년 전 | 1501 | ||
| 5095 | JavaScript | 3년 전 | 2128 | ||
| 5094 | JavaScript | 3년 전 | 2049 | ||
| 5093 | 기타 | 3년 전 | 1415 | ||
| 5092 | JavaScript | 3년 전 | 1962 | ||
| 5091 | 기타 |
|
3년 전 | 1321 | |
| 5090 | 기타 |
|
3년 전 | 2257 | |
| 5089 | 웹서버 |
|
3년 전 | 3330 | |
| 5088 | JavaScript | 3년 전 | 2062 | ||
| 5087 | 기타 | 3년 전 | 1663 | ||
| 5086 | 웹서버 |
|
3년 전 | 1706 | |
| 5085 | node.js | 3년 전 | 1647 | ||
| 5084 | JavaScript |
DogFoot개발
|
3년 전 | 1454 | |
| 5083 | 웹서버 |
DogFoot개발
|
3년 전 | 2989 | |
| 5082 | JavaScript |
DogFoot개발
|
3년 전 | 4028 | |
| 5081 | JavaScript |
DogFoot개발
|
3년 전 | 2100 | |
| 5080 | JavaScript |
DogFoot개발
|
3년 전 | 2442 | |
| 5079 | 기타 |
DogFoot개발
|
3년 전 | 2494 | |
| 5078 | OS | 3년 전 | 1651 | ||
| 5077 | 웹서버 |
DogFoot개발
|
3년 전 | 1728 | |
| 5076 | 기타 |
DogFoot개발
|
3년 전 | 1536 | |
| 5075 | 기타 |
DogFoot개발
|
3년 전 | 1678 | |
| 5074 | 기타 | 3년 전 | 2288 | ||
| 5073 | 기타 | 3년 전 | 2560 | ||
| 5072 | 웹서버 |
|
4년 전 | 2236 | |
| 5071 | 웹서버 | 4년 전 | 3237 | ||
| 5070 | PHP | 4년 전 | 3198 | ||
| 5069 | 웹서버 | 4년 전 | 2433 | ||
| 5068 | 기타 |
|
4년 전 | 3017 | |
| 5067 | 기타 |
DogFoot개발
|
4년 전 | 2684 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기