Java Script 관련 질문드립니다.

9년 전 조회 5,579

아시는 분들에게는 정말 간단할텐데 질문드려서 죄송합니다.

PHP는 조금 알지만 자바스크립트는 완전 무식이라 질문드립니다.

어느 사이트에서 본 내용인데 어떻게 적용해야하는지 몰라서요.

내용은 비메오 동영상 VID 추출인데요.

<iframe width="500" height="375" src="https://player.vimeo.com/video/9873789" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen=""></iframe>

에서 '9873789'을 추출하는 것입니다.

사이트에서 설명은

JAVASCRIPT

var vurl = $('iframe').attr('src').match(/player.vimeo.com\/video\/?([0-9]+)/i);

var vidStr = vurl.indexOf("video/");

var vid = vurl.slice(vidStr+6);

이게 전부 입니다.

질문은 위의 스크립트를 어떻게 적용하여 추출된 vid 를 변수로 받아오는가 입니다.

적용코드를 예로 보여주시면 감사하겠습니다.

답변 2개

설명을 덧 붙이자면요^^;

var vurl = $('iframe').attr('src').match(/player.vimeo.com\/video\/?([0-9]+)/i);

iframe 을 읽어서 src추출 안값이 매치되는지 확인함 

/player.vimeo.com\/video\/?([0-9]+ 

[0-9]+ <--정규식 숫자

var vidStr = vurl.indexOf("video/");

video/ 로 시작되는 부분을 검사해서  

var vid = vurl.slice(vidStr+6);

6자리를 잘라옴 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

Copy
<!doctype html><html><head><meta charset="UTF-8"><title></title><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script></head><body><script>$(document).ready(function(){var vurl = $('iframe').attr('src');var vidStr = vurl.indexOf("video/");var vid = vurl.slice(vidStr+6);alert(vid);});</script><iframe width="500" height="375" src="https://player.vimeo.com/video/9873789" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen=""></iframe></body></html>

코드를 위와 같이 해보세요. 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고