HTML पेज में SWF फ़ाइल कैसे एम्बेड करें?

175

आप एक HTML पृष्ठ में एक SWF फ़ाइल कैसे एम्बेड करते हैं?

html embed flash

— CloudMeta
स्रोत

174

किसी SWF को HTML पेज में एम्बेड करने का सबसे अच्छा तरीका SWFObject का उपयोग करना है ।

यह एक सरल ओपन-सोर्स जावास्क्रिप्ट लाइब्रेरी है जो फ्लैश कंटेंट को एम्बेड करने के लिए आसान-से-उपयोग और मानक-अनुकूल विधि है।

यह फ्लैश प्लेयर वर्जन डिटेक्शन भी प्रदान करता है। यदि उपयोगकर्ता के पास फ़्लैश का संस्करण आवश्यक नहीं है या जावास्क्रिप्ट अक्षम है, तो उन्हें एक वैकल्पिक सामग्री दिखाई देगी। आप इस लाइब्रेरी का उपयोग फ़्लैश प्लेयर अपग्रेड को ट्रिगर करने के लिए भी कर सकते हैं। उपयोगकर्ता के अपग्रेड होने के बाद, उन्हें पृष्ठ पर वापस भेज दिया जाएगा।

प्रलेखन से एक उदाहरण:

<!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 और जावास्क्रिप्ट जनरेटर है । यह मूल रूप से HTML और जावास्क्रिप्ट उत्पन्न करता है जिसे आपको SWFObject का उपयोग करके फ़्लैश एम्बेड करने की आवश्यकता होती है। आपके मापदंडों को इनपुट करने के लिए एक बहुत ही सरल यूआई के साथ आता है।

यह अत्यधिक अनुशंसित है और उपयोग करने के लिए बहुत सरल है।

— रोनी Liew
स्रोत

11

SWFObject अच्छा है। यह बस काम करता है। जावास्क्रिप्ट प्राप्त करने के लिए सामग्री वितरण नेटवर्क का उपयोग करने के लिए एक और भी बढ़िया विचार है। मैं Google के ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js

— Ardee Aram

मुझे सीधे IE9 के साथ ऑब्जेक्ट टैग का उपयोग करने में समस्या थी, लेकिन यह पूरी तरह से swfobject के साथ काम करता है।

— एंडीमेकेना

आपके उत्तर के लिए धन्यवाद। अब आप html में ही काम करने के उदाहरण के साथ-साथ प्लेबैक क्षमता तक पहुँचने के लिए एक खिलाड़ी का सुझाव दे सकते हैं। ????

— सुमित रामटेके

क्या यह उस सिस्टम पर काम कर सकता है जहां फ्लैश प्लेयर इंस्टॉल नहीं है या यह सभी ब्राउज़रों का समर्थन करता है।

— मोहम्मद जावेद

परियोजना अब GitHub में स्थानांतरित हो गई है: github.com/swfobject/swfobject और swf ऑब्जेक्ट एम्बेड करने की नई तकनीक हैvar el = document.getElementById("my-target-element"); swfobject.embedSWF("myContent.swf", el, 300, 120, 10);

— Lucky

127

<object width="100" height="100">
    <param name="movie" value="file.swf">
    <embed src="file.swf" width="100" height="100">
    </embed>
</object>

— Óलफरूर वेज
स्रोत

1

वह कोड XHTML- मान्य नहीं है ... <एम्बेड> ऑब्जेक्ट-टैग के भीतर नहीं होना चाहिए।

— अंहिलिर

59

XHTML मान्य होने के लिए उपयोगकर्ता का कोई विनिर्देश नहीं, उसने HTML के लिए कहा

— Walafur Waage

3

इस लेख में फ्लैश और वैध XHTML को एम्बेड करने के बारे में अच्छी व्याख्या है। yoast.com/articles/valid-flash-embedding

— जोको वांडिरो

3

<ऑब्जेक्ट> तत्व dataमें विशेषता का उपयोग क्यों नहीं किया जाता है ? W3c html5 डॉक्स से उद्धरण: कम से कम डेटा विशेषता या प्रकार विशेषता में से कोई एक मौजूद होना चाहिए।

— vladkras 14

@JokoWandiro आपके द्वारा प्रदान किया गया लिंक दुर्भाग्य से चला गया है। यहाँ एक संग्रहीत संस्करण है: web.archive.org/web/20180602024700/https://yoast.com/…

— Hermann.Gruber

17

सरल HTML5 टैग एम्बेड के बारे में कैसे?

<!DOCTYPE html>
<html>
<body>

<embed src="anim.swf">

</body>
</html>

— जन नियति
स्रोत

13

यह रूट पर्यावरण से आवेदन के लिए उपयुक्त है।

<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 सब के बारे में है। :)

— डरावना
स्रोत

8

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;color2=0xfebd01" 
style="width:640px;height:480px;margin:10px 36px;">

<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&amp;hl=en&amp;fs=1&amp;color1=0xe1600f&amp;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>

— डरावना
स्रोत

2

ध्यान दें कि ऑब्जेक्ट> डेटा और मूवी> मूल्य पैरामीटर समान हैं। यह कोड किसी भी निशुल्क देखने और साझा करने के लिए काम करना चाहिए - यूट्यूब वीडियो।

— डरावना

3

सामान्यतया, यह पूछने वाले को समझाने के लिए जवाब देने के लिए वांछनीय है, बजाय पूछने वाले पर कोड छोड़ने के बजाय। लक्ष्य समस्याओं के बारे में सीखना और उन्हें गायब करने के बजाय भविष्य में रोकना है।

— केरान

7

यदि आप फ्लैश डालने के लिए उन js पुस्तकालयों में से एक का उपयोग कर रहे हैं, तो मेरा सुझाव है कि अंदर सादे वस्तु एम्बेड टैग को जोड़ना <noscript/>।

— ब्रायन किम
स्रोत

2

मैं http://wiltgen.net/objecty/ का उपयोग करता हूं , यह मीडिया सामग्री को एम्बेड करने और IE "समस्या को सक्रिय करने के लिए क्लिक" से बचने में मदद करता है।

— एडुआर्डो कैम्पानो
स्रोत

"सक्रिय करने के लिए क्लिक करें" समस्या को "एलास सक्रियण" कहा जाता है लेकिन IE के वास्तविक संस्करणों में हटा दिया जाता है।

— Anheledir

2

जैसा कि उल्लेख SWF ऑब्जेक्ट महान है। यूएफओ देखने लायक भी है

— phatduckk
स्रोत

2

यह एक काम करेगा, मुझे यकीन है!

<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">

— स्टीफन eforđević
स्रोत

1

सबसे अच्छा तरीका क्या है? 'सबसे कुशल,' 'सबसे तेज प्रतिपादन,' आदि जैसे शब्द अधिक विशिष्ट हैं। वैसे भी, मैं एक वैकल्पिक उत्तर प्रस्तुत कर रहा हूं जो मुझे ज्यादातर समय मदद करता है (भले ही 'सबसे अच्छा' अप्रासंगिक हो)।

वैकल्पिक उत्तर: एक 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 फ़ाइल के चारों ओर सफेद स्थान।

यह एक वैकल्पिक उत्तर है। चाहे वह 'सर्वश्रेष्ठ' उत्तर हो, आपकी परियोजना पर निर्भर करता है।

— सैयद
स्रोत

3

गूगल @Stoic अपने गलत खेद के लिए यह किया जाना चाहिए //www...का उपयोग कर //का मतलब है कि अगर आपके पर HTTPS या HTTP यह एक ही कनेक्शन प्रकार का उपयोग कर काम करता है

— Barkermn01

1

मैं जानता हूं कि यह एक पुराना सवाल है। लेकिन यह उत्तर वर्तमान के लिए अच्छा होगा।

<!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>

— इसुरु दिलशान
स्रोत

1

Thi 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>

— xxnull
स्रोत

0

यह मेरे लिए काम किया:

    <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>

— GTB
स्रोत

0

<embed>तत्व का उपयोग करें :

<embed src="file.swf" width="854" height="480"></embed>

— aaron34weston
स्रोत

-1

यदि आप इससे परिचित हैं, तो आप जावास्क्रिप्ट का उपयोग कर सकते हैं:

swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");

- 9.0.0 फ्लैश संस्करण है।

या आप <object>HTML5 के टैग का उपयोग कर सकते हैं ।

— एलन
स्रोत

-1 swfobject जावास्क्रिप्ट का सिर्फ एक हिस्सा नहीं है, आप बस इसे पुस्तकालय को एम्बेड किए बिना नहीं कह सकते। और <ऑब्जेक्ट> टैग के लिए अधिकांश कार्यक्षमता HTML 4 से 5 से छीन ली गई है। इसका उपयोग अभी भी किया जा सकता है, लेकिन अनुशंसित नहीं है। सभी बहुत खराब जवाब में।

— रोरिकिको

क्या आपने पहले ही इसका बहुत बुरा जवाब कहने से पहले कोशिश की थी? ध्यान रखें कि बहुत खराब उत्तर, वह उत्तर है जो पूरी तरह से काम या गलत नहीं है।

— एलन

यह तथ्य कि आप किसी को जावास्क्रिप्ट का उपयोग करने के लिए सूचित कर रहे हैं, और फिर एक जावास्क्रिप्ट पुस्तकालय का उपयोग करके कोड चिपकाना, जिसे आपने भी उल्लेख नहीं किया है, यह एक बुरा उत्तर देता है

— rorypicko

मैंने पहले ही जावास्क्रिप्ट का उपयोग करने का उल्लेख किया है और स्क्रिप्ट दी है। अगर मैंने पूरा वर्किंग कोड / स्क्रिप्ट दिया है जो एक चम्मच बनाता है। स्क्रिप्ट ठीक है केवल इसका एक तर्क है।

— एलन

आप मेरी टिप्पणी को गलत समझ रहे हैं। आपने उसे SWFObject जावास्क्रिप्ट फ़ाइल

— rorypicko