ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingถามหน่อยครับ ช่วงนี้งง มึนๆ เกี่ยวกับ Video youtube
« หน้าที่แล้ว ต่อไป »
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถามหน่อยครับ ช่วงนี้งง มึนๆ เกี่ยวกับ Video youtube  (อ่าน 1735 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« เมื่อ: 29 มกราคม 2013, 14:08:05 »



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

+1ทุกท่าน นะครับ
« แก้ไขครั้งสุดท้าย: 29 มกราคม 2013, 15:19:22 โดย tkcomsci » บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 29 มกราคม 2013, 14:47:59 »
ท่านไหนว่างช่วยตอบหน่อยครับ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 29 มกราคม 2013, 15:10:43 »
อธิบายเพิ่มอีกนิดครับ ,,, เท่าที่ดูก็ AJAX ครับ ชอบได้ๆ
บันทึกการเข้า
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 29 มกราคม 2013, 15:24:38 »
อ้างจาก: dekmv ที่ 29 มกราคม 2013, 15:10:43
อธิบายเพิ่มอีกนิดครับ ,,, เท่าที่ดูก็ AJAX ครับ ชอบได้ๆ


ครับพอมีตัวอย่างโค๊ดไหม ครับ ผมงมอยู่นานแหละ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
goweb
Newbie
*

พลังน้ำใจ: 11
ออฟไลน์ ออฟไลน์

กระทู้: 87



ดูรายละเอียด
« ตอบ #4 เมื่อ: 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[&#39;id&#39;];
$re=mysql_fetch_array(mysql_query("........... where id=$id"));
echo&#39;<iframe width="560" height="315" src="http://www.youtube.com/embed/&#39;.$re[&#39;youtube&#39;].&#39;" frameborder="0" allowfullscreen></iframe>&#39;;
?>

เอาปรับแต่เพิ่มเอาเองนะ สคริปไม่ได้ทดสอบนะ เอาไปเป็นตัวอย่างละกันคับ
บันทึกการเข้า
ถ้าทำอะไรดีแล้ว คนมองว่าสร้างภาพ ก็ช่างเขา
อย่างน้อยเราก็ได้ทำดี ไม่เหมือนเขาที่แค่คิดดี
ยังไม่ได้ทำเลย... พระมหาวุฒิชัย (ว.วชิรเมธี)
สาธุ..
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 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[&#39;id&#39;];
$re=mysql_fetch_array(mysql_query("........... where id=$id"));
echo&#39;<iframe width="560" height="315" src="http://www.youtube.com/embed/&#39;.$re[&#39;youtube&#39;].&#39;" frameborder="0" allowfullscreen></iframe>&#39;;
?>

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



ขอบคุณครับ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
rnon
ก๊วนเสียว
*

พลังน้ำใจ: 23
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 30 มกราคม 2013, 14:23:13 »
AJAX+Youtube
ขอบคุณครับ
บันทึกการเข้า

█ SketchUp
█ IINON
█ SketchUP , Layout
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 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[&#39;id&#39;];
$re=mysql_fetch_array(mysql_query("........... where id=$id"));
echo&#39;<iframe width="560" height="315" src="http://www.youtube.com/embed/&#39;.$re[&#39;youtube&#39;].&#39;" frameborder="0" allowfullscreen></iframe>&#39;;
?>

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



ผมเอาไปลองแล้วใช้การได้ดีแต่มีปัญหาอยู่นิด กับ IE มัน Refresh ทั้งหน้าเลยครับ มีวิธีแก้ไหม
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
atripza01
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 1,723



ดูรายละเอียด
« ตอบ #8 เมื่อ: 31 มกราคม 2013, 16:42:35 »
ขอบคุณครับผม  wanwan016
บันทึกการเข้า
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 15 กุมภาพันธ์ 2013, 14:15:33 »
อ้างจาก: 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[&#39;id&#39;];
$re=mysql_fetch_array(mysql_query("........... where id=$id"));
echo&#39;<iframe width="560" height="315" src="http://www.youtube.com/embed/&#39;.$re[&#39;youtube&#39;].&#39;" frameborder="0" allowfullscreen></iframe>&#39;;
?>

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



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


ท่านไหน พอเข้าใจ ช่วยหน่อยครับ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 15 กุมภาพันธ์ 2013, 19:04:11 »
เดี๋ยวลองเขียนแปปนะครับ .... รบกวน PM หาผมด้วยนะครับ ...
บันทึกการเข้า
dekmv
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 222
ออฟไลน์ ออฟไลน์

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #11 เมื่อ: 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
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 15 กุมภาพันธ์ 2013, 22:58:51 »
อ้างจาก: 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>


ขอบคุณครับ ยังไม่ได้ลอง นะ น้ำใจงามครับ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
tkcomsci
ก๊วนเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 257



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 19 กุมภาพันธ์ 2013, 12:07:37 »
โค๊ด ท่าน dekmv

youtobe  ไม่เล่นอะครับ
บันทึกการเข้า
แบตสำรองของแท้ราคาถูก สนใจ PM มีระบบ ประมูล ขาย ทดลองก่อนซื้อ  สคริปมากมายสอบถามได้ ประกาศขายของฟรี
หน้า: [1]   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: