html - frames behind pictures? -

मेरा प्रश्न HTML से संबंधित है, और शुद्ध HTML मैं केविक नामक एक सामाजिक नेटवर्क पर अपने सामने वाले पृष्ठ के लिए एक नए डिजाइन पर काम कर रहा हूं, और इस समय मैं अपने पसंदीदा वीडियो के लिए एक तरह का स्थान बनाना चाहता हूं।

अब मेरी समस्या यह है कि, मैं कैसे

अब मैं अपने आइपॉड की एक तस्वीर ले लूँगा (सिर्फ एक उदाहरण, यह मेरा आइपॉड नहीं है)

अब मैं बनाना चाहता हूं जीआईएफ़ के रूप में यह तस्वीर और डिस्प्ले काटकर, अब उस कटटेन क्षेत्र के पीछे, एक यूट्यूब वीडियो दिखाया जाना चाहिए, जिस तरह से एम्बेड प्लेयर पूरी तरह से नहीं दिखाया गया है, मेरा मतलब है, प्लेयर पूरी तरह से है, लेकिन तस्वीर

आप यह कैसे कर सकते हैं?

छवि को सभी में कटौती करने की आवश्यकता नहीं है आइओड की पूरी तस्वीर के लिए पर्याप्त डिवा है और इसे पृष्ठभूमि छवि बनाने के लिए सीएसएस का उपयोग करें (यदि आप अपनी सीएसएस फाइलें नहीं जोड़ सकते तो इनलाइन स्टाइल हो सकते हैं)।

  & Lt; div शैली = "पृष्ठभूमि: url (ipod.jpg); चौड़ाई: 300px; ऊंचाई: 400px;" & gt; & Lt; iframe src = "..." शैली = "मार्जिन: 25px ऑटो 0;" चौड़ाई: 250px; ऊंचाई: 200px; & gt; & lt; / iframe & gt; & Lt; / div & gt;  

अपने iframe या एम्बेड या ऑब्जेक्ट में हाशिया, चौड़ाई और ऊंचाई को लागू करें डिव में आईपोड की पृष्ठभूमि की छवि है।

आप आइफ्रेम को अपने आकार की जरूरत के अनुसार सेट कर सकते हैं और यदि आवश्यक हो तो इसे किसी भी अतिप्रवाह को छिपा कर सकते हैं, लेकिन मुझे नहीं लगता कि आप के हिस्से को छिपाने में सक्षम होने जा रहे हैं फ्लैश यदि आपके पास एम्बेड कोड का नियंत्रण नहीं है।