क्रोम एचटीएमएल 5 वीडियो फ़्लिपिंग पोर्ट्रेट सिडवे

Question

मैं एक आईफोन से रिकॉर्ड वीडियो प्रदर्शित करने के लिए एक साइट का निर्माण कर रहा हूं। वीडियो 288x352 पर पोर्ट्रेट अभिविन्यास में आता है। सफारी इस वीडियो को ठीक दिखाता है, लेकिन क्रोम में, वीडियो लैंडस्केप मोड, 352x288 में फिसल गया है। मेरा सिर अलगाव है। :-(

यहाँ विचाराधीन पृष्ठ है: http://aaron.tiberiuslog.com/B4F4CC56-172E-4D84-9656-BE04E6E475A0

और यहाँ है कि अगर मदद करता है वीडियो खुद है

http://tiberiuslog.s3.amazonaws.com/output_D7DB78A9-8019-4D09-9B22-EB8738F844BB-2380-000001530B13BE09.mov

मैं वेनिला एचटीएमएल 5 मार्कअप का उपयोग कर की कोशिश की है, और अब जोड़ लिया है। VideoJS, हालांकि इस मुद्दे के लिए कोई फर्क नहीं पड़ता।

अद्यतन: मेरे पास आधा जवाब है वाई सवाल अब। ऐसा लगता है कि वीएलसी और क्रोम (उदाहरण के लिए) सहित सभी दर्शकों पर उचित अभिविन्यास का सम्मान करने के लिए डिवाइस पर सेट कुछ एन्कोडिंग विकल्प होना आवश्यक है। इस प्रश्न में पैर प्राप्त करने के लिए पैर नहीं हैं, इसलिए I've created a new one। उम्मीद है कि हम इस मुद्दे के लिए उचित समाधान एक साथ स्ट्रिंग करेंगे!

अपडेट 2: मुझे जवाब मिल गया है! The other question I posted led me to the technique for correctly encoding the video on iOS।

Answer 1

वीडियोज समर्थन समर्थन मंचों पर this post देखें जो बताता है कि यह शायद आईफोन एन्कोड करने के तरीके से नीचे है क्योंकि इसमें सूचना शामिल है जो क्विकटाइम पढ़ सकता है लेकिन अन्य खिलाड़ी नहीं कर सकते हैं। सलाह यह है कि आप AVFoundation का उपयोग करके आईओएस पर वीडियो एन्कोड करते हैं और इसे घुमाते हैं। संभवतः कुछ अन्य मानक एन्कोडिंग लाइब्रेरी भी काम करेगी।

Answer 2

यह थोड़ा बदसूरत है, लेकिन आप video टैग की style विशेषता को -webkit-transform:rotate(90deg); जोड़ सकते हैं। हालांकि, यह आपके नियंत्रण को भी घुमाता है।

मैंने अभी वीडब्ल्यूसी प्लेयर के माध्यम से एडब्ल्यूएस से वीडियो स्ट्रीम किया है, और वीडियो 90 डिग्री विरोधी घड़ी की दिशा में घूमता प्रतीत होता है। ऐप्पल एक अलग अभिविन्यास में वीडियो रिकॉर्ड करने की बजाए घूर्णन को इंगित करने के लिए मेटाडेटा ध्वज का उपयोग करता है। दुर्भाग्यवश, कई खिलाड़ी/ब्राउज़र इस ध्वज को अनदेखा कर देंगे, जिसमें वीएलसी और क्रोम शामिल हैं।

समस्या को ठीक करने के लिए, आपको वास्तविक वीडियो फ़ाइल को घुमाने की आवश्यकता है। आप इसे वीएलसी प्लेयर में खोलकर कर सकते हैं, Tools > Effects and Filters पर जाएं। Video Effects पर Geometry पर क्लिक करें। Transform सक्षम करें और ड्रॉपडाउन मेनू से Rotate by 90 degrees चुनें। OK पर क्लिक करें और फिर वीएलसी बंद करें। वीडियो अब तैयार होना चाहिए, हालांकि मैं इसे अपने पेज पर परीक्षण नहीं कर सकता।

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

Answer 3

यह समस्या 2 जून 2016 तक तय की गई है। कृपया फ़ायरफ़ॉक्स बग here देखें। यह समस्या यह नहीं है कि आईफोन वीडियो कैसे एन्कोड करता है, लेकिन mp4 फ़ाइलों का समर्थन करने वाले फ़ायरफ़ॉक्स से संबंधित है लेकिन mp4 फ़ाइलों में अभिविन्यास मेटाडेटा नहीं है।

फिर भी, एक देख सकते हैं कि वीडियो फ़ाइल का उपयोग कर रोटेशन है: exiftool -Rotation video.mp4

नोट: किसी के लिए, जो अभी भी इस मुद्दे को देखते हैं, इस अद्यतन नहीं अभी तक उपलब्ध के रूप में मेरी नवीनतम अद्यतन नहीं किया ठीक से ऑटो है वीडियो वीडियो।सावधानीपूर्वक देखो पर, बग पेज का कहना है कि लक्ष्य mozilla49 है।