ए Vimeo <iframe> एम्बेड हाइजैक स्क्रॉलिंग/स्वाइपिंग घटनाएं

Question

हम fullPage.js का उपयोग कर रहे हैं, यह एक स्लाइड शो जैसी अनुभव प्रदान करता है। हम स्लाइड्स में से एक में एक Vimeo iframe एम्बेड कर रहे हैं जिसमें पूरे स्लाइड को कवर करना चाहिए।

सब कुछ क्रोम में एक आकर्षण के रूप में काम करता है, लेकिन फ़ायरफ़ॉक्स और आईओएस में Vimeo iframe पर स्क्रॉल/स्वाइप करना असंभव है। FullPage बस इस पर प्रतिक्रिया नहीं करेगा।

मैंने वीडियो को एक पारदर्शी div के साथ कवर करने का प्रयास किया। दोबारा, यह क्रोम में काम करता है, लेकिन आईओएस पर ब्राउज़र आपको प्रोग्राम को प्रोग्रामेटिक रूप से शुरू करने की अनुमति नहीं देगा, इसलिए वीडियो को एक div के साथ कवर करने से यह वीडियो शुरू करने में असमर्थ हो जाता है: Vimeo प्लेयर कहता है "असीमित त्रुटि: दर्शक को पहले प्लेबैक शुरू करना होगा। "

क्या इस मुद्दे के लिए कोई समाधान है?

यहां समस्या का एक डेमो है: http://jsbin.com/tunove/1/edit?html,output वीडियो दूसरी स्लाइड पर है। स्क्रॉलिंग/उस पर स्वाइप करने से फ़ायरफ़ॉक्स और आईओएस में स्लाइड नहीं बदलेगी।

Answer 1

आप इस सीएसएस समाधान की कोशिश कर सकते हैं:

element { 
    touch-action: pan-y !important; 
} 

कहाँ तत्व आप Vimeo एम्बेड वर्ग/आईडी रखा है। मैंने इसका परीक्षण नहीं किया है, लेकिन मेरे पास ऐसा कुछ भी था जो मेरे पास था, जहां स्वाइप कार्रवाई स्क्रॉल एक्शन चोरी कर रही थी। उम्मीद है कि यह आपके मामले में भी मदद करेगा।