[WEB] vimeo javascript player api
내가 사용한 예~~
https://github.com/vimeo/player.js
사용하기( 참고로 최신 버전임)
<script src="https://player.vimeo.com/api/player.js"></script>
<iframe id="v_play" src="동영상주소" width="854" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen >
</iframe>
단순 비메오 재생이면 이걸로 끝.
Player를 제어를 하려면 위에 링크를 보고 맞게 자바스크립트로 추가 하면 됨.
제어하기 준비.( 한 페이지에 여러개의 플레이어가 있다면 제어가 하나밖에 안됨.
document.querySelector 땜에 1번만 가능. 그래서 난 꼼수로.....)
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
이어보기
player.setCurrentTime(초단위).then(function(seconds) {
player.pause(); (자동재생이 되길래.정지시킴)
})
자동재생
player.play();
player.on('play', function () {
play 되면 이벤트 발생.
});
player.on('ended', function () {
play 끝나면 이벤트 발생.
});
player.on('pause', function (data) {
stop 를 하면 data['duration','percent','seconds'] 가지고 와서 그걸 이용해서 이벤트 발생.
(중지할때 그 시점이 몇퍼센트인지 저장할때 사용했음.)
});
https://github.com/vimeo/player.js
사용하기( 참고로 최신 버전임)
<script src="https://player.vimeo.com/api/player.js"></script>
<iframe id="v_play" src="동영상주소" width="854" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen >
</iframe>
단순 비메오 재생이면 이걸로 끝.
Player를 제어를 하려면 위에 링크를 보고 맞게 자바스크립트로 추가 하면 됨.
제어하기 준비.( 한 페이지에 여러개의 플레이어가 있다면 제어가 하나밖에 안됨.
document.querySelector 땜에 1번만 가능. 그래서 난 꼼수로.....)
var iframe = document.querySelector('iframe');
var player = new Vimeo.Player(iframe);
이어보기
player.setCurrentTime(초단위).then(function(seconds) {
player.pause(); (자동재생이 되길래.정지시킴)
})
자동재생
player.play();
player.on('play', function () {
play 되면 이벤트 발생.
});
player.on('ended', function () {
play 끝나면 이벤트 발생.
});
player.on('pause', function (data) {
stop 를 하면 data['duration','percent','seconds'] 가지고 와서 그걸 이용해서 이벤트 발생.
(중지할때 그 시점이 몇퍼센트인지 저장할때 사용했음.)
});
댓글
댓글 쓰기