HTML DOM Object type Property - คุณสมบัติ type ของ object element

คุณสมบัติ type ของ HTMLObjectElement (<object>) ใช้ **อ่านหรือตั้งค่า** MIME type ของเนื้อหาที่ฝังอยู่ เช่น application/pdf, image/svg+xml, video/mp4

รูปแบบการใช้งาน

// อ่านค่า
const mimeType = objectElement.type;

// ตั้งค่า
objectElement.type = "application/pdf";

MIME Types ที่พบบ่อย

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
  <h2>Object Type Property Demo</h2>
  
  <object id="pdfObject" 
          width="100%" 
          height="400px" 
          data="sample.pdf" 
          type="application/pdf">
    <p>เบราว์เซอร์ไม่รองรับ PDF embedding. <a href="sample.pdf">ดาวน์โหลด PDF</a></p>
  </object>
  
  <br>
  <button onclick="showType()">แสดง MIME Type</button>
  <button onclick="changeType()">เปลี่ยนเป็น SVG</button>
  <p id="result"></p>
  
  <script>
    function showType() {
      const obj = document.getElementById('pdfObject');
      document.getElementById('result').textContent = 
        'MIME Type ปัจจุบัน: ' + obj.type;
    }
    
    function changeType() {
      const obj = document.getElementById('pdfObject');
      obj.data = 'image.svg';
      obj.type = 'image/svg+xml';
      document.getElementById('result').textContent = 
        'เปลี่ยนเป็น: ' + obj.type;
    }
  </script>
</body>
</html>

<object> vs <embed> vs <iframe>

แอตทริบิวต์สำคัญของ <object>

• data - URL ของไฟล์ข้อมูล
• type - MIME type (ช่วยเบราว์เซอร์ตัดสินใจวิธีเล่น)
้
• width, height - ขนาด
• name - ชื่อสำหรับ form submission/target
• usemap - client-side image map
• form - ผูกกับ form (HTML5)

Fallback Content

เนื้อหาภายใน <object> จะแสดงเมื่อเบราว์เซอร์ไม่รองรับ type หรือโหลดไม่สำเร็จ:

<object data="chart.svg" type="image/svg+xml">
  <!-- Fallback: รูปภาพ PNG แทน -->
  <img src="chart.png" alt="Chart data">
  <p>ดาวน์โหลด: <a href="chart.svg">SVG</a> | <a href="chart.pdf">PDF</a></p>
</object>

ข้อควรระวัง

• <object> ใช้สำหรับ plugins/legacy content สำหรับสื่อสมัยใหม่ ใช้ <video>, <audio>, <img>, <iframe> แทน
• Flash, Java Applets, Silverlight ล้าสมัยแล้วและไม่รองรับในเบราว์เซอร์สมัยใหม่
• PDF embedding ขึ้นอยู่กับเบราว์เซอร์/OS - บางตัวต้องดาวน์โหลด