Google क्रोम, फ्लैश और जेड-इंडेक्स गलत व्यवहार

मुझे आईफ़्रेम पर एक div दिखाना है जिसमें फ़्लैश वीडियो है। Div का z-index 9999 के रूप में सेट किया गया है। लेकिन ifarame में कोई जेड-इंडेक्स नहीं है। लेकिन div Google क्रोम के लिए फ्लैश को झुकाता है, यह आईई 7/8/9 और मोज़िला फ़ायरफ़ॉक्स में ठीक काम करता है।Google क्रोम, फ्लैश और जेड-इंडेक्स गलत व्यवहार

कोड मैं उपयोग कर रहा हूँ

<!doctype html> 
<html> 
<head></head> 
<body></body> 
</html>

इस समस्या के लिए चारों ओर कुछ काम दे है flash.html

<!doctype html> 
<html> 
    <head> 
     <title> Flash - zIndex</title> 
    </head> 
    <body> 
     <div style="position : absolute;left:200px;top:200px;width:320px; height:220px;background-color:#fff;z-index:999;" > 
      <iframe src="blank.html" style="width:100%; height:100%;"> 
      </iframe> 
     </div> 
      <div id="textDiv" style="position : absolute; z-index:9999; left:200px;top:200px;border: 5px solid rgb(235, 127, 0);width:300px; height:200px;background-color:#fff;overflow:auto;"> 
      this is the text div 
      </div> 
     <div id="flashDiv" style="height: 150px;"> 
     </div> 
      <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/3RD_3wooRjI" frameborder="0" allowfullscreen></iframe> 
    </body> 
</html>

blank.html।

अग्रिम धन्यवाद,

प्रशांत

नोट: कृपया रखने के रूप में समाधान नहीं बताया "wmode = पारदर्शी" iframe src में प्राप्त पैरामीटर के रूप में। क्योंकि यह इस मुद्दे के लिए एक सामान्यीकृत समाधान नहीं है।

स्रोत

2011-03-16 Prashant Dubey

आप क्वेरी स्ट्रिंग से एक wmode पैरामीटर जोड़ सकते हैं।

पूर्व: src="http://www.youtube.com/embed/LSaoRSlqQzw?wmode=opaque"

स्रोत

2011-12-22 02:51:53 FabioTNT

समस्या शायद आपके फ़्लैश प्लेयर के Wmode के साथ है। प्रयास करें "wmode = अपारदर्शी", इसके साथ अच्छा खेलना चाहिए जिसका मतलब है कि आपके Z- क्रम http://www.8bitrocket.com/2011/02/11/quick-guide-to-wmode-and-flash-embedding/

स्रोत

2011-03-16 09:40:21 divillysausages

हाय divillysausages, आपके सुझाव, के लिए धन्यवाद, लेकिन मैं के रूप में src बदलना चाहते हैं न अपने किसी तीसरे पक्ष द्वारा प्रदान किया गया (इस मामले में यूट्यूब)। धन्यवाद प्रशांत –

क्या आप इसे जावास्क्रिप्ट के माध्यम से बदल सकते हैं और देख सकते हैं कि क्या होता है? – divillysausages

मैं, wmode जोड़ सकते हैं यदि और केवल यदि फ़्लैश सामग्री अपने वेब पृष्ठ पर है, नोटिस IFRAME सामग्री तीसरे पक्ष से है (यूट्यूब, इस मामले में)। मैं इस तरह के परिदृश्य को कैसे संभाल सकता हूं?

स्रोत

2011-03-16 10:01:08

आपको वास्तव में उत्तर tbh के रूप में प्रश्न नहीं जोड़ना चाहिए, लेकिन इस तरह - – Horse

http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/

स्रोत

2011-05-04 10:51:31 Santa

इस मदद मिल सकती है:

<script type="text/javascript" charset="utf-8"> 
    $(document).ready(function(){ 

    $("iframe").each(function(){ 
     var ifr_source = $(this).attr('src'); 
     var wmode = "wmode=transparent"; 
     if(ifr_source.indexOf('?') != -1) $(this).attr('src',ifr_source+'&'+wmode); 
     else $(this).attr('src',ifr_source+'?'+wmode); 
    }); 

    }); 
</script>

द्वारा: http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/

स्रोत

2013-01-30 21:19:00 Yov

Google क्रोम, फ्लैश और जेड-इंडेक्स गलत व्यवहार

उत्तर

संबंधित मुद्दे