วิธีแก้ไข An embedded page at drive.google.com

บล็อกส่วนตัว

วิธีแก้ไข An embedded page at drive.google.com

Chalothorn Kosakul    25 มิถุนายน, 2568    120 views

หากเว็บไซต์เราเคยฝัง (embed) ไฟล์วิดีโอหรือเอกสารจาก Google Drive ลงในเว็บไซต์ แล้วพบข้อความแจ้งเตือนว่า:

“An embedded page at drive.google.com says…”
หรือบางครั้งอาจพบว่า iframe ค้าง โหลดไม่สมบูรณ์
"มีการรายงานข้อผิดพลาดนี้ไปที่ Google แล้ว และเราจะตรวจสอบโดยเร็วที่สุด โปรดโหลดหน้านี้ซ้ำเพื่อดำเนินการต่อ"

ปัญหานี้มักเกิดจากการป้องกันด้านความปลอดภัยของเบราว์เซอร์ โดยเฉพาะเมื่อเว็บไซต์ของเรามีการใช้ iframe เพื่อฝังเนื้อหาภายนอกเช่น Google Drive ซึ่งอาจถูกจำกัดสิทธิ์ในการรันสคริปต์หรือดึงข้อมูล

วิธีแก้ไข

โดยปกติแล้ว โค้ดที่ใช้ฝังไฟล์จาก Google Drive จะมีลักษณะเช่นนี้:

<iframe src="https://drive.google.com/file/d/xxxxxxxxxxxxxxxxxxxxxxx/preview" width="640" height="480" allow="autoplay"></iframe>

เพื่อแก้ไขปัญหานี้ ให้เพิ่ม attribute ที่ชื่อว่า sandbox พร้อมค่า allow-scripts allow-same-origin เข้าไปใน iframe ดังนี้:

<iframe sandbox="allow-scripts allow-same-origin" src="https://drive.google.com/file/d/xxxxxxxxxxxxxxxxxxxxxxx/preview" width="640" height="480" allow="autoplay"></iframe>

การฝังไฟล์จาก Google Drive หากพบปัญหา “An embedded page…” สามารถแก้ไขได้โดยการเพิ่ม sandbox="allow-scripts allow-same-origin" เข้าไปใน tag <iframe> ซึ่งจะช่วยให้ iframe สามารถโหลดเนื้อหาจาก Google Drive ได้อย่างถูกต้องและปลอดภัยมากยิ่งขึ้น


แชร์ข่าวนี้