यूट्यूब 360 वीडियो आईफ्रेम मोबाइल ब्राउज़र में काम नहीं करता

Question

मैं अपनी मोबाइल साइट पर खेलने के लिए एक यूट्यूब 360 वीडियो के लिए एक एम्बेडेड आईफ्रेम प्राप्त करने की कोशिश कर रहा हूं - यह डेस्कटॉप ब्राउज़र पर ठीक काम करता है लेकिन मोबाइल ब्राउज़र में मुझे बस फ्लैट मिलता है स्टीरियोस्कोपिक दृश्य वापस खेल रहा है। मैं पुष्टि कर सकता हूं कि यह निश्चित रूप से एक HTML5 प्लेयर

यह स्पष्ट रूप से एक अनसुलझा समस्या है जिसे अन्य अनुभव कर रहे हैं। पोस्ट के नीचे देखें:

• https://productforums.google.com/forum/#!topic/youtube/7sk92Fs1juk
• Make Youtube 360 degree Videos work on mobile

तो मैं इन दो संभावित प्रश्न/समाधान के कम से कम एक के साथ मदद करना चाहता हूँ।

1) क्या यह मोबाइल ब्राउज़र में काम करना संभव है? गूगल के प्रलेखन पता चलता है कि यह होना चाहिए

संदर्भ के लिए - यहाँ मेरी iframe कोड

<iframe width="1360" height="500" src="https://www.youtube.com/embed/0x16ngo8xfY?autoplay=1&loop=1&playlist=0x16ngo8xfY" frameborder="0" allowfullscreen></iframe> 

2) नहीं मानते हुए, क्या बल जहां 360 YouTube मोबाइल ऐप्लिकेशन में लांच करने के लिए मेरी आइफ्रेम का सबसे अच्छा तरीका है वीडियो काम करता है ठीक से

धन्यवाद, एलेक्स

Answer 1

अन्य प्रतिक्रियाओं की और मामला किसी और यह पाता है में कमी को देखते हुए, मैं इस (दुर्भाग्य से) का सहारा लिया sligh अंतरिम में टकी हैकी समाधान जो काम करता है।

if(window.innerWidth < 760){ 
    $('.video').on('click', function(e) { 
     e.preventDefault(); 
     //assumes that by forcing window to go to youtube will kick up option to open in app where experience works - plays my full showreel 
     window.location = "https://www.youtube.com/watch?v=0x16ngo8xfY&list=PLzSXIFcDqpiCiKXMtXtVIHnmor9uUsEhC&autoplay=1"; 
    }); 
    } 

Answer 2

यूट्यूब के अनुसार, 360 वीडियो "आपके कंप्यूटर पर क्रोम, ओपेरा, फ़ायरफ़ॉक्स, या Internet Explorer के नवीनतम संस्करण" पर काम करेंगे:

https://support.google.com/youtube/answer/6178631

इसका मतलब यह है कि हम उपयोगकर्ता उपयोग कर सकते हैं एजेंट स्नीफिंग, जो निश्चित रूप से उप-विशिष्ट है लेकिन innerWidth की जांच करने से थोड़ा बेहतर है जैसा कि AlexHandy1 द्वारा सुझाया गया है।

function browserSupports360() { 
    // YouTube supports 360 videos in a limited set of browsers, 
    // see https://support.google.com/youtube/answer/6178631 

    var ua = navigator.userAgent; 

    // No mobile browser is supported at the moment 
    if (/Mobile/.test(ua) || /Tablet/.test(ua)) return false; 

    // Chrome >= 40 
    if (/Chrome\/[^123][0-9]/.test(ua) && !/Edge\//.test(ua) && !/OPR\//.test(ua)) return true; 

    // Firefox >= 40 
    if (/Firefox\/[^123][0-9]/.test(ua)) return true; 

    // Microsoft Edge 
    if (/Edge\//.test(ua)) return true; 

    // Opera >= 30 
    if (/OPR\/[^12][0-9]/.test(ua)) return true; 

    return false; 
} 

YouTube सहायता फ़ोरम पूछ अगर यह बजाय सुविधा का पता लगाने का उपयोग करना संभव है, आप यूट्यूब से आशा किसी में यह वोट दें कर सकते हैं इस पर गौर करेंगे पर एक खुला प्रश्न है:

https://productforums.google.com/forum/#!topic/youtube/EON00C4h9w4

Answer 3

यह एक साधारण है, 360 वीडियो पर यूट्यूब पर निरीक्षण तत्व (क्रोम) देखें। आप देखेंगे कि यह वीडियो प्लेयर नहीं है। यह वेबग्ल के साथ एक कैनवास है।

जब Google मोबाइल पर काम करना चाहता है तो आप इसे खेल सकते हैं। इससे पहले कि आपको अपना 360 वीडियो प्लेयर बनाना होगा। मेरे बुरे एन पर खेद है!

देखो पर:

http://threejs.org/examples/#canvas_geometry_panorama

आप स्ट्रीमिंग बनावट के साथ WebGL चित्रमाला एप्लिकेशन बनाना चाहिए और yuo 360 वीडियो मिल जाएगा। आपको क्षेत्र का उपयोग पैनोरामा के घन संस्करण नहीं करना चाहिए।

आप वीडियो टैग का उपयोग नहीं कर सकते - 100%।

फ़ायरफ़ॉक्स डेस्कटॉप पर फ़िक्सिंग: इसके बारे में: फ़ायरफ़ॉक्स में पता बार पर कॉन्फ़िगरेशन और गलत वेबग्ल-अक्षम सेटअप को कॉन्फ़िगर करें .... भले ही आप फ़ायरफ़ॉक्स पर अंतिम संस्करण में अद्यतन स्थापित करें, फिर भी इसे करना होगा। यदि आप अनइंस्टॉल करते हैं - फ़ायरफ़ॉक्स ताजा संस्करण स्थापित करें, तो मैं डिफ़ॉल्ट रूप से वेबग्ल सक्षम करता हूं।

Answer 4

मैं अपने मैकबुक से मेल खाने के लिए उपयोगकर्ता-एजेंट को बदलकर एंड्रॉइड वेबव्यू में 360 vids काम करने में सक्षम था। यहां मैंने उपयोग किया है:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.86 Safari/537.36 

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

शायद आप जेएस नेविगेटर के उपयोगकर्ता को उसी परिणाम को प्राप्त करने के लिए ओवरराइड कर सकते हैं।