테스트 사이트 - 개발 중인 베타 버전입니다

Java Script 관련 질문드립니다.

오케바리이 9년 전 조회 5,520

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

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

 

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

 

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

 

 

에서 '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개

B
9년 전

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

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자리를 잘라옴 

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

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

p
9년 전

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

 

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

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

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

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

로그인