वीडियोजेएस: नियंत्रण रखें

Question

मुझे वीडियोजेएस पसंद है लेकिन नियंत्रण बार हमेशा दिखाई देने के लिए कोई रास्ता नहीं मिल रहा है (खेलते समय कोई फीका नहीं है)। मुझे लगता है कि के बारे में जानकारियां के लिए खोज की है और a topic about it, जहां वे सलाह समारोह इस तरह छिपाना ओवरराइड करने के लिए मिला:

/ओवरराइड नियंत्रण स्वतः छिपाएं fn/

छिपाना = function() {/ * कुछ भी तो नहीं */ };

लेकिन यह पुराना हो सकता है क्योंकि यह यहां काम नहीं करता है। (संस्करण 3.2.0)

क्या कोई जानता है कि मैं इसे कैसे प्राप्त कर सकता हूं?

बहुत बहुत धन्यवाद!

Answer 1

टिप्पणी बाहर/वीडियो-js.css में .vjs-fade-out और .vjs-default-skin .vjs-controls वर्गों से visibility:hidden और opacity:0 नियमों को हटा दें।

.vjs-fade-out { 
    /*visibility: hidden!important; 
    opacity: 0!important;*/ 
    -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear; 
    -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear; 
    -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear; 
    -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear; 
    transition: visibility 0s linear 1.5s,opacity 1.5s linear 
} 

.vjs-default-skin .vjs-controls { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: 0; 
    padding: 0; 
    height: 2.6em; 
    color: #fff; 
    border-top: 1px solid #404040; 
    background: #242424; 
    background: -moz-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); 
    background: -webkit-gradient(linear,0% 0,0% 100%,color-stop(50%,#242424),color-stop(50%,#1f1f1f),color-stop(100%,#171717)); 
    background: -webkit-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); 
    background: -o-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); 
    background: -ms-linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); 
    background: linear-gradient(top,#242424 50%,#1f1f1f 50%,#171717 100%); 
    /*visibility: hidden; 
    opacity: 0*/ 
} 

Answer 2

धन्यवाद!

.vjs-fade-in,.vjs-fade-out { 
visibility: visible !important; 
opacity: 1 !important; 
transition-duration: 0s!important; 
} 

धन्यवाद: मैं एक और समाधान मिला, के रूप में मैं मूल फ़ाइल को हैक करने से बचना चाहते थे, इस जोड़ने मेरी सीएसएस है!

Answer 3

मुझे पता है कि यह प्रश्न अब कुछ साल पुराना है, लेकिन मुझे यह भी करने की आवश्यकता है और उपर्युक्त उत्तर वीडियो के शीर्ष पर नियंत्रण रखते हैं। वीडियो को शुरू करने के बाद और उन्हें वीडियो के नीचे रखने के लिए नियंत्रणों को दृश्यमान रखने के लिए मैंने वीडियोजेएस शैलियों को ओवरराइड करने के लिए अपनी सीएसएस फ़ाइल में निम्न सीएसएस का उपयोग किया है।

.vjs-default-skin.vjs-has-started .vjs-control-bar { 
    display: block !important; 
    visibility: visible !important; 
    opacity: 1 !important; 
    bottom: -3.4em !important; 
    background-color: rgba(7, 20, 30, 1) !important; 
} 

Answer 4

बस एक और काला जादू यहाँ के सा ...

पीटर किट्स द्वारा पिछले जवाब ठीक से काम करते हैं, एक और विकल्प inactivityTimeout को 0, जो निष्क्रियता टाइमआउट पूरी तरह अक्षम कर देता है स्थापित करने के लिए है।

<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet"> 
 
<script src="http://vjs.zencdn.net/4.12/video.js"></script> 
 

 
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
 
    data-setup='{ "inactivityTimeout": 0 }'> 
 
    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'> 
 
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'> 
 
</video>