ถามหน่อยครับ ช่วงนี้งง มึนๆ เกี่ยวกับ Video youtube

tkcomsci · 29 มกราคม 2013, 14:08:05

ช่องสีแดงเป็นวีดีโอหลัก
ซึ่งช่อง ภาพก็เป็นวีดีโอ แต่ใช้โค๊ดให้แสดงเป็นภาพแทนเมื่อคลิกก็ให้ วีดีโอไปแทนที่วีดีโอหลัก
คลิกที่ภาพ ที่เป็นวีดีโอแล้วไปแทนที่ วีดีโอเก่าอะครับ

+1ทุกท่าน นะครับ

tkcomsci · 29 มกราคม 2013, 14:47:59

ท่านไหนว่างช่วยตอบหน่อยครับ

dekmv · 29 มกราคม 2013, 15:10:43

อธิบายเพิ่มอีกนิดครับ ,,, เท่าที่ดูก็ AJAX ครับ ชอบได้ๆ

tkcomsci · 29 มกราคม 2013, 15:24:38

อ้างถึงจาก: dekmv ใน 29 มกราคม 2013, 15:10:43
อธิบายเพิ่มอีกนิดครับ ,,, เท่าที่ดูก็ AJAX ครับ ชอบได้ๆ

ครับพอมีตัวอย่างโค๊ดไหม ครับ ผมงมอยู่นานแหละ

goweb · 29 มกราคม 2013, 15:35:12

โค้ด เลือก

หน้าแสดงวีดิโอ
<script>
function goData(id){
$.post("show_data.php",{id:id},function(data){
$("#show_data").html(data);
});
}
</script>
<div id="show_data">แสดงวีดิโอหลักเอาเองนะ</div>
<div><a href="javascript:void(0);" onclick="javascript:goData(1);">ภาพที่1</a></div>
<div><a href="javascript:void(0);" onclick="javascript:goData(2);">ภาพที่2</a></div>

show_data.php >> เอาไ้ว้แสดงวีดิโอ
<?php
$id=(int)$_POST['id'];
$re=mysql_fetch_array(mysql_query("........... where id=$id"));
echo'<iframe width="560" height="315" src="http://www.youtube.com/embed/'.$re['youtube'].'" frameborder="0" allowfullscreen></iframe>';
?>

เอาปรับแต่เพิ่มเอาเองนะ สคริปไม่ได้ทดสอบนะ เอาไปเป็นตัวอย่างละกันคับ

tkcomsci · 29 มกราคม 2013, 16:29:53

อ้างถึงจาก: goweb ใน 29 มกราคม 2013, 15:35:12
โค้ด เลือก ขยาย
หน้าแสดงวีดิโอ <script> function goData(id){ $.post("show_data.php",{id:id},function(data){ $("#show_data").html(data); }); } </script> <div id="show_data">แสดงวีดิโอหลักเอาเองนะ</div> <div><a href="javascript:void(0);" onclick="javascript:goData(1);">ภาพที่1</a></div> <div><a href="javascript:void(0);" onclick="javascript:goData(2);">ภาพที่2</a></div> show_data.php >> เอาไ้ว้แสดงวีดิโอ <?php $id=(int)$_POST['id']; $re=mysql_fetch_array(mysql_query("........... where id=$id")); echo'<iframe width="560" height="315" src="http://www.youtube.com/embed/'.$re['youtube'].'" frameborder="0" allowfullscreen></iframe>'; ?>

เอาปรับแต่เพิ่มเอาเองนะ สคริปไม่ได้ทดสอบนะ เอาไปเป็นตัวอย่างละกันคับ

ขอบคุณครับ

rnon · 30 มกราคม 2013, 14:23:13

AJAX+Youtube
ขอบคุณครับ

tkcomsci · 31 มกราคม 2013, 16:04:01

อ้างถึงจาก: goweb ใน 29 มกราคม 2013, 15:35:12
โค้ด เลือก ขยาย
หน้าแสดงวีดิโอ <script> function goData(id){ $.post("show_data.php",{id:id},function(data){ $("#show_data").html(data); }); } </script> <div id="show_data">แสดงวีดิโอหลักเอาเองนะ</div> <div><a href="javascript:void(0);" onclick="javascript:goData(1);">ภาพที่1</a></div> <div><a href="javascript:void(0);" onclick="javascript:goData(2);">ภาพที่2</a></div> show_data.php >> เอาไ้ว้แสดงวีดิโอ <?php $id=(int)$_POST['id']; $re=mysql_fetch_array(mysql_query("........... where id=$id")); echo'<iframe width="560" height="315" src="http://www.youtube.com/embed/'.$re['youtube'].'" frameborder="0" allowfullscreen></iframe>'; ?>

เอาปรับแต่เพิ่มเอาเองนะ สคริปไม่ได้ทดสอบนะ เอาไปเป็นตัวอย่างละกันคับ

ผมเอาไปลองแล้วใช้การได้ดีแต่มีปัญหาอยู่นิด กับ IE มัน Refresh ทั้งหน้าเลยครับ มีวิธีแก้ไหม

atripza01 · 31 มกราคม 2013, 16:42:35

ขอบคุณครับผม

tkcomsci

อ้างถึงจาก: tkcomsci ใน 31 มกราคม 2013, 16:04:01
อ้างถึงจาก: goweb ใน 29 มกราคม 2013, 15:35:12
โค้ด เลือก ขยาย
หน้าแสดงวีดิโอ <script> function goData(id){ $.post("show_data.php",{id:id},function(data){ $("#show_data").html(data); }); } </script> <div id="show_data">แสดงวีดิโอหลักเอาเองนะ</div> <div><a href="javascript:void(0);" onclick="javascript:goData(1);">ภาพที่1</a></div> <div><a href="javascript:void(0);" onclick="javascript:goData(2);">ภาพที่2</a></div> show_data.php >> เอาไ้ว้แสดงวีดิโอ <?php $id=(int)$_POST['id']; $re=mysql_fetch_array(mysql_query("........... where id=$id")); echo'<iframe width="560" height="315" src="http://www.youtube.com/embed/'.$re['youtube'].'" frameborder="0" allowfullscreen></iframe>'; ?>

เอาปรับแต่เพิ่มเอาเองนะ สคริปไม่ได้ทดสอบนะ เอาไปเป็นตัวอย่างละกันคับ

ผมเอาไปลองแล้วใช้การได้ดีแต่มีปัญหาอยู่นิด กับ IE มัน Refresh ทั้งหน้าเลยครับ มีวิธีแก้ไหม

ท่านไหน พอเข้าใจ ช่วยหน่อยครับ

dekmv

เดี๋ยวลองเขียนแปปนะครับ .... รบกวน PM หาผมด้วยนะครับ ...

dekmv

<html>
<head>
<title>AJAX VIDEO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script type="text/javascript">
function showVideo(code){
document.getElementById("video").innerHTML = "<iframe width="640" height="360" src="http://www.youtube.com/embed/ " code "?rel=0&showinfo=0&theme=light&autoplay=1&controls=1&autohide=1" frameborder="0" allowfullscreen></iframe>";
}
</script>
</head>
<body>
<div id="video" style=" width:640px; height:360px;background:rgb(51,51,51);border-radius:5px; padding:5px;margin:auto; margin-bottom:20px;"></div>

<img src="http://i4.ytimg.com/vi/7EZTUYwjWBs/mqdefault.jpg " onClick="JavaScript:showVideo('7EZTUYwjWBs');">
<img src="http://i3.ytimg.com/vi/fTpwaERAuOk/mqdefault.jpg " onClick="JavaScript:showVideo('fTpwaERAuOk');">
<img src="http://i1.ytimg.com/vi/h_uIep6y4Ao/mqdefault.jpg " onClick="JavaScript:showVideo('h_uIep6y4Ao');">
<img src="http://i4.ytimg.com/vi/_yUtYshMy9I/mqdefault.jpg " onClick="JavaScript:showVideo('_yUtYshMy9I');">
<img src="http://i2.ytimg.com/vi/UJYQ8zGGJgs/mqdefault.jpg " onClick="JavaScript:showVideo('UJYQ8zGGJgs');">
<img src="http://i2.ytimg.com/vi/YkGj_2xY3Ok/mqdefault.jpg " onClick="JavaScript:showVideo('YkGj_2xY3Ok');">
</body>
</html>

tkcomsci

อ้างถึงจาก: dekmv ใน 15 กุมภาพันธ์ 2013, 20:13:56
<html>
<head>
<title>AJAX VIDEO</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<script type="text/javascript">
function showVideo(code){
document.getElementById("video").innerHTML = "<iframe width="640" height="360" src="http://www.youtube.com/embed/ " code "?rel=0&showinfo=0&theme=light&autoplay=1&controls=1&autohide=1" frameborder="0" allowfullscreen></iframe>";
}
</script>
</head>
<body>
<div id="video" style=" width:640px; height:360px;background:rgb(51,51,51);border-radius:5px; padding:5px;margin:auto; margin-bottom:20px;"></div>

<img src="http://i4.ytimg.com/vi/7EZTUYwjWBs/mqdefault.jpg " onClick="JavaScript:showVideo('7EZTUYwjWBs');">
<img src="http://i3.ytimg.com/vi/fTpwaERAuOk/mqdefault.jpg " onClick="JavaScript:showVideo('fTpwaERAuOk');">
<img src="http://i1.ytimg.com/vi/h_uIep6y4Ao/mqdefault.jpg " onClick="JavaScript:showVideo('h_uIep6y4Ao');">
<img src="http://i4.ytimg.com/vi/_yUtYshMy9I/mqdefault.jpg " onClick="JavaScript:showVideo('_yUtYshMy9I');">
<img src="http://i2.ytimg.com/vi/UJYQ8zGGJgs/mqdefault.jpg " onClick="JavaScript:showVideo('UJYQ8zGGJgs');">
<img src="http://i2.ytimg.com/vi/YkGj_2xY3Ok/mqdefault.jpg " onClick="JavaScript:showVideo('YkGj_2xY3Ok');">
</body>
</html>

ขอบคุณครับ ยังไม่ได้ลอง นะ น้ำใจงามครับ

tkcomsci

โค๊ด ท่าน dekmv

youtobe ไม่เล่นอะครับ