คุณฝังไฟล์ SWF ในหน้า HTML ได้อย่างไร
คุณฝังไฟล์ SWF ในหน้า HTML ได้อย่างไร
คำตอบ:
วิธีที่ดีที่สุดที่จะฝัง SWF ลงในหน้าเว็บ HTML คือการใช้SWFObject
มันเป็นไลบรารี JavaScript แบบโอเพนซอร์สที่ง่ายต่อการใช้งานและเป็นมิตรกับมาตรฐานในการฝังเนื้อหา Flash
นอกจากนี้ยังมีการตรวจจับเวอร์ชันของ Flash Player หากผู้ใช้ไม่จำเป็นต้องมีรุ่นของ Flash หรือปิดการใช้งาน JavaScript พวกเขาจะเห็นเนื้อหาอื่น นอกจากนี้คุณยังสามารถใช้ไลบรารีนี้เพื่อเรียกการอัปเกรดเครื่องเล่น Flash เมื่อผู้ใช้ได้อัพเกรดพวกเขาจะถูกเปลี่ยนเส้นทางกลับไปที่หน้า
ตัวอย่างจากเอกสาร:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>
เครื่องมือที่ดีที่จะใช้พร้อมกับนี้เป็น SWFObject HTML และ JavaScript กำเนิด มันเป็นพื้นฐานสร้าง HTML และ JavaScript ที่คุณต้องฝัง Flash โดยใช้ SWFObject มาพร้อมกับ UI ที่ง่ายมากสำหรับคุณในการป้อนพารามิเตอร์ของคุณ
แนะนำเป็นอย่างยิ่งและใช้งานง่ายมาก
var el = document.getElementById("my-target-element"); swfobject.embedSWF("myContent.swf", el, 300, 120, 10);
<object width="100" height="100">
<param name="movie" value="file.swf">
<embed src="file.swf" width="100" height="100">
</embed>
</object>แท็ก HTML5 เรียบง่ายเกี่ยวกับการฝัง?
<!DOCTYPE html>
<html>
<body>
<embed src="anim.swf">
</body>
</html>เหมาะสำหรับแอปพลิเคชันจากสภาพแวดล้อมราก
<object type="application/x-shockwave-flash" data="/dir/application.swf"
id="applicationID" style="margin:0 10px;width:auto;height:auto;">
<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->
<!-- ↓ Required paramter or not, depends on application -->
<param name="FlashVars" value="" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>ควรเพิ่ม / สามารถเพิ่มพารามิเตอร์เพิ่มเติมได้ซึ่งขึ้นอยู่กับ. swf ด้วยตนเอง ไม่มีการฝังเพียงวัตถุและพารามิเตอร์ภายในดังนั้นมันจึงยังคงใช้งานได้และใช้งานได้ทุกที่ไม่สำคัญว่า DOCTYPE เกี่ยวข้องกับอะไร :)
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01"
style="width:640px;height:480px;margin:10px 36px;">
<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>หากคุณกำลังใช้หนึ่งในบรรดาห้องสมุด js <noscript/>แทรกแฟลชผมขอแนะนำให้เพิ่มวัตถุธรรมดาฝังในแท็กของ
ฉันใช้http://wiltgen.net/objecty/ช่วยฝังเนื้อหาของสื่อและหลีกเลี่ยงปัญหา "คลิกเพื่อเปิดใช้งาน" ของ IE
ตามที่กล่าวถึง SWF Object นั้นยอดเยี่ยมมาก ยูเอฟโอมีค่าดูเช่นกัน
อันนี้จะใช้งานได้ฉันแน่ใจ!
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">วิธีที่ 'ดีที่สุด' คืออะไร? คำเช่น 'มีประสิทธิภาพมากที่สุด' 'การเรนเดอร์ที่เร็วที่สุด' ฯลฯ จะเจาะจงมากขึ้น อย่างไรก็ตามฉันกำลังเสนอคำตอบอื่นที่ช่วยฉันได้เกือบตลอดเวลา (ไม่ว่าจะดีที่สุดหรือไม่นั้นก็ไม่เกี่ยวข้อง)
คำตอบอื่น: ใช้ iframe
นั่นคือโฮสต์ไฟล์ SWF บนเซิร์ฟเวอร์ หากคุณใส่ไฟล์ SWF ในโฟลเดอร์รากหรือ public_html แล้วไฟล์ SWF www.YourDomain.com/YourFlashFile.swfจะตั้งอยู่ที่
จากนั้นบน index.html หรือที่ใดก็ตามให้เชื่อมโยงตำแหน่งด้านบนกับ iframe ของคุณและจะปรากฏรอบเนื้อหาของคุณทุกที่ที่คุณใส่ iframe หากคุณสามารถใส่ iframe ได้คุณสามารถใส่ไฟล์ SWF ได้ ทำให้มิติ iframe เหมือนกับไฟล์ SWF ของคุณ ในตัวอย่างด้านล่างไฟล์ SWF คือ 500 โดย 500
รหัสหลอก:
<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>บรรทัดโค้ด HTML ด้านบนจะฝังไฟล์ SWF ของคุณ ไม่ต้องการระเบียบอื่น ๆ จุดเด่น: เป็นไปตามมาตรฐาน W3C, การออกแบบหน้าเว็บที่เป็นมิตร, ไม่มีปัญหาเรื่องความเร็ว, แนวทางที่เรียบง่าย
จุดด้อย: พื้นที่สีขาวรอบ ๆ ไฟล์ SWF ของคุณเมื่อเปิดตัวในเบราว์เซอร์
นั่นคือคำตอบอื่น ไม่ว่าจะเป็นคำตอบที่ 'ดีที่สุด' ขึ้นอยู่กับโครงการของคุณ
//www...ใช้//หมายความว่าหากคุณใช้ HTTPS หรือ HTTP มันใช้งานได้กับประเภทการเชื่อมต่อเดียวกัน
ฉันรู้ว่านี่เป็นคำถามเก่า แต่คำตอบนี้จะดีสำหรับปัจจุบัน
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>histo2</title>
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffff99;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object type="application/x-shockwave-flash" data="histo2.swf" width="822" height="550" id="histo2" style="float: none; vertical-align:middle">
<param name="movie" value="histo2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffff99" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
</div>
</body>
</html>ที่ทำงานบน IE, Edge, Firefox, Safari และ Chrome
<object type="application/x-shockwave-flash" data="movie.swf" width="720" height="480">
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>สิ่งนี้ใช้ได้กับฉัน:
<a target="_blank" href="{{ entity.link }}">
<object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;">
<param name="quality" value="high">
<param name="play" value="true">
<param name="LOOP" value="false">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="true">
</object>
</a>ใช้<embed>องค์ประกอบ:
<embed src="file.swf" width="854" height="480"></embed>คุณสามารถใช้ JavaScript หากคุณคุ้นเคยเช่นนั้น:
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");- 9.0.0 เป็นรุ่นแฟลช
หรือคุณสามารถใช้<object>แท็กของ HTML5