क्लिप के बीच में स्टार्ट बटन कैसे रखें

Question

मुझे http://www.videojs.com/ पर डिज़ाइनर पृष्ठ मिला है, तो आप अपने क्लिप के बीच में स्टार्ट बटन की स्थिति बदल सकते हैं।

लेकिन मैं video.js प्लेयर पर इस स्टाइलशीट को रखने या उपयोग करने में सक्षम नहीं हूं। क्या कोई यह बता सकता है कि खिलाड़ी में इसका उपयोग कैसे किया जाए। ई.एस. मौजूदा सीएसएस को एक अतिरिक्त फाइल के साथ विस्तारित करने के लिए? या बटन को बाएं शीर्ष पर नहीं बल्कि मध्य में रखने के लिए मौजूदा सीएसएस को कैसे बदला जाए?

धन्यवाद। Katasun

Answer 1

संस्करण 4.1.0 का उपयोग करना:

वीडियो js.css में, .vjs-default-skin .vjs-big-play-button (लाइन 484+) में बदल देते हैं:

top: 2em; 
left: 2em; 
margin: 0; 

साथ:

top: 50%; 
left: 50%; 
margin-left: -6em; 
margin-top: -4em; 

-6em और -4em क्योंकि चौड़ाई 12 मीटर है और ऊंचाई 8em

बस एक ही समस्या थी और इसे ठीक करना पड़ा रास्ता :) नवीनतम क्रोम, फ़ायरफ़ॉक्स, सफारी और ओपेरा पर काम करता है, आईई पर परीक्षण नहीं किया गया है, मैं ओएसएक्स

Answer 2

पर मैंने वीडियोज के एक संस्करण में संशोधन किया है जहां आप प्ले बटन कहीं भी रख सकते हैं। इसका मतलब है कि आईओएस उपकरणों पर वैसे भी थंबनेल को छूने में सक्षम होना (केंद्र होना नहीं है) और यह वीडियो चलाएगा। http://www.andy-howard.com/recreate-bbc-iplayer/index.html

Answer 3

आप वीडियो कक्षा में 'vjs-big-play-centered' जोड़ सकते हैं।

<video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="700" height="450" poster="http://www.videojs.com/img/poster.jpg"><source src="" type="video/mp4"></video>