YouTube 비디오가 포함 된 팝업 창을 표시하고 싶습니다. 내 질문은 사용자가 팝업 창의 크기를 조정할 때 YouTube 플레이어의 크기를 조정하는 방법입니다. 팝업 창 PHP의창 크기를 조정할 때 YouTube 플레이어의 크기를 조정하는 방법
헤드 섹션/HTML 코드
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Wavin Video</title>
<script src="jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
//If the User resizes the window
//$(window).bind("resize", resizeWindow);
$(window).resize(resizeWindow).resize()
function resizeWindow(e) {
var target = "#youtubebox2";
var newWindowHeight = $(window).height();
var newWindowWidth = $(window).width();
console.log("Width : "+newWindowWidth);
console.log("Height: "+newWindowHeight);
console.log("---------");
$(target).html("<object width=\""+newWindowWidth+"\" height=\""+newWindowHeight+"\" id=\"youtubebox\"><param name=\"movie\" value=\"http://www.youtube.com/v/<?php echo $_GET['filename'];?>\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://www.youtube.com/v/<?php echo $_GET['filename'];?>\" type=\"application/x-shockwave-flash\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\""+newWindowWidth+"\" height=\""+newWindowHeight+"\"></embed></object>");
}
});
</script>
</head>
<body>
<div align="center" style="padding:6px 0px 0px 0px;background-color: #ccc;" id="youtubebox2">
<object width="480" height="385" id="youtubebox">
<param name="movie" value="http://www.youtube.com/v/<?php echo $_GET['filename'];?>"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/<?php echo $_GET['filename'];?>" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385">
</embed>
</object>
</div>
</body>
</html>
페이지는 $ _GET 변수를 통해 YouTube 동영상 ID를받을 수 있습니다.
위의 코드가 작동하지 않으면 YouTUbe 플레이어의 크기가 조정되지 않습니다. 내가 놓친 것이 있습니까?
내 실수, 누락; – Permana