20'C 흐림
서울 강남구
Youtube Replace Links - Jquery
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Youtube Replace Links</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="youtube.js"></script>
</head>
<body>
<div id="container">
<h1>Youtube Replace Links</h1>
<p>http://www.youtube.com/watch?v=PzXrAi-dspw</p>
<p>http://www.youtube.com/watch?v=cxl05ijABYk</p>
<p>http://www.youtube.com/watch?v=9UF1Kh4I_Dg</p>
<p>http://www.youtube.com/watch?v=bSsfrgY1Uxg</p>
<p>http://www.youtube.com/watch?v=uacxHSIKDo0</p>
<p>http://www.youtube.com/watch?v=Iy78nJgRiUM</p>
</div>
</body>
</html>
$(document).ready(function(){
var vidWidth = 315; // Largura do video
vidHeight = 210; // Altura do video
obj = '<div class="player"><object width="' + vidWidth + '" height="' + vidHeight + '">' +
'<param name="movie" value="http://www.youtube.com/v/[vid]&hl=en&fs=1">' +
'</param><param name="allowFullScreen" value="true"></param><param ' +
'name="allowscriptaccess" value="always"></param>' +
'<param name="wmode" value="transparent"></param><em' +
'bed src="http://www.youtube.com/v/[vid]&hl=en&fs=1" ' +
'type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" ' +
'allowfullscreen="true" width="' + vidWidth + '" ' + 'height="' +
vidHeight + '"></embed></object></div>';
$('#container').find('p:contains("youtube.com/watch")').each(function(){
var that = $(this);
var vid = that.html().match(/(?:v=)([w-]+)/g);
if (vid.length) {
$.each(vid, function(i){
that.replaceWith( obj.replace(/[vid]/g, this.replace('v=','')) );
});
}
});
});