मैं एक एचटीएमएल 5 वीडियो पर ओवरले हॉटस्पॉट जोड़ना चाहता हूं जो मुझे उस वीडियो के बारे में जानकारी देने में मदद करेगा। मैं इसे HTML5 वीडियो के सामान्य मोड पर सफलतापूर्वक जोड़ने में सक्षम था। लेकिन, जब मैं वीडियो मोड को पूर्णस्क्रीन में बदलता हूं, तो यह गायब हो जाता है। किसी को कृपया मेरी मदद करने के लिए चाहते हैं !!!एचटीएमएल 5 पूर्णस्क्रीन वीडियो पर ओवरले
यह करने के लिए सबसे अच्छा तरीका है एक <div> < वीडियो > और अपने हॉटस्पॉट से युक्त है, और युक्त <div> पर फुलस्क्रीन अनुरोध करते हैं।
मैंने फ़ायरस्क्रीन में पूर्णस्क्रीन और (< वीडियो > एपीआई लागू किए। यह जेड-इंडेक्स हैक निर्दिष्ट व्यवहार नहीं है, इसलिए डब्ल्यू 3 सी फुलस्क्रीन स्पेक के नवीनतम मसौदे से मेल खाने के लिए हमारे कार्यान्वयन को अपडेट करने के बाद यह काम करना बंद कर देगा।
इसे एक चाल के साथ हल किया जा सकता है। इस उदाहरण पर एक नज़र डालें: http://jsfiddle.net/carmijoon/pZbkX/show/
जेड-इंडेक्स: 2147483647;
आप यहां कोड देख सकते हैं: http://jsfiddle.net/carmijoon/pZbkX/
z-index: 2147483647;
आप z- सूचकांक जो है की अधिकतम मूल्य जोड़ने की जरूरत: ओवरले तत्व करने के लिए (z- सूचकांक 2147483647)। वह चाल आपकी समस्या का समाधान करेगी।
क्या आप अपनी फ़ाइल jsfiddle पर भी साझा कर सकते हैं?
आधा दिन चित्रित करने की कोशिश कर रहा है फ़ायरफ़ॉक्स में नीचे जेड इंडेक्स चीज बाहर। यह एक बेहतर समाधान है। –