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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingทำตาราง TAP 1 2 3 แต่ติดตรงที่ ใส่ VIDEO แล้ว ทำให้ full screenไม่ได้แก้ไงครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ทำตาราง TAP 1 2 3 แต่ติดตรงที่ ใส่ VIDEO แล้ว ทำให้ full screenไม่ได้แก้ไงครับ  (อ่าน 450 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
mikedeathnote
Newbie
*

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

กระทู้: 31



ดูรายละเอียด
« เมื่อ: 14 มิถุนายน 2017, 14:39:43 »

 :wanwan011:กดขยาย จอไม่ได้ครับผม
โค๊ด:
<!DOCTYPE html>
<html>
<head>
<style>
body {font-family: "Lato", sans-serif;}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
</style>
</head>
<body>

<p>Click on the buttons inside the tabbed menu:</p>

<div class="tab">
  <button class="tablinks" onclick="openCity(event, '1')">ตัวเล่น1</button>
  <button class="tablinks" onclick="openCity(event, '2')">ตัวเล่น2</button>
  <button class="tablinks" onclick="openCity(event, '3')">ตัวเล่น3</button>
</div>

<div id="1" class="tabcontent">
  <h3>ตัวเล่น1</h3>
  <p>
<iframe src="https://drive.google.com/file/d/0B6GwY-E2lIDBdVhSSWQ2YzZEX3M/preview" width="640" height="480"></iframe></p>
</div>

<div id="2" class="tabcontent">
  <h3>ตัวเล่น2</h3>
  <p>Paris is the capital of France.</p>
</div>

<div id="3" class="tabcontent">
  <h3>ตัวเล่น3</h3>
  <p>Tokyo is the capital of Japan.</p>
</div>

<script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i  ) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i  ) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className  = " active";
}
</script>
     
</body>
</html>


บันทึกการเข้า
MD.18
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,010



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 14 มิถุนายน 2017, 16:13:03 »

เพิ่มคำสั่งเข้าไปใน iframe ครับ

เป็น
<iframe src="https://drive.google.com/file/...-E2lIDBdVhSSWQ2YzZEX3M/preview " width="100%" height="480" frameBorder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>


 wanwan020 ลองเทสบราวเซอร์หลายๆตัวด้วยว่าเล่นคำสั่งพวกนี้ไหม..

บันทึกการเข้า

ติดต่อทางเมล์ service.md18@gmail.com by ทวีศักดิ์  line : 0862600055

คิวงานว่าง !!
mikedeathnote
Newbie
*

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

กระทู้: 31



ดูรายละเอียด
« ตอบ #2 เมื่อ: 14 มิถุนายน 2017, 16:46:51 »

 wanwan003  ขอบคุณครับแก้ได้แล้ว
« แก้ไขครั้งสุดท้าย: 14 มิถุนายน 2017, 17:02:25 โดย mikedeathnote » บันทึกการเข้า
buakaew
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,365



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 14 มิถุนายน 2017, 17:32:59 »

โอ้วว แนะนำด้วย  wanwan011
บันทึกการเข้า

Affiliate ไทยจ่ายจริงกินหลายชั้นลึกหลากหลายผลิตภัณฑ์Affiliate ไทย
รีวิว คูปองฟรี Hosting ไทยและเทศรีวิว Hosting
ดูดวงออนไลน์ฟรีดูดวง
พระเครื่องออนไลน์พระเครื่อง

หน้า: [1]   ขึ้นบน
พิมพ์