एचटीएमएल 5 वीडियो टैग

के साथ पूर्णस्क्रीन से बाहर निकलना मैं वीडियो के अंत में वीडियो को पूर्णस्क्रीन से बाहर निकलने का प्रयास कर रहा हूं लेकिन यह नहीं होगा। मैंने ऐसा करने के तरीकों की खोज की और पाया लेकिन मेरे जीवन के लिए मैं इसे काम नहीं कर सकता। मैं आईपैड 2 पर क्रोम (15) और आईओएस 5 के नवीनतम संस्करण में परीक्षण कर रहा हूं।एचटीएमएल 5 वीडियो टैग

<html> 
<head> 
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#myVideoTag").on('ended', function(){ 
    webkitExitFullScreen(); 
    }); 
}); 

</script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<title>854x480</title> 
</head> 
<body> 
<video width="854" height="480" 
     src="video/854x480-Template_1.mp4" 
     poster="images/poster.jpg" 
     id="myVideoTag" 
     type="video/mp4" 
     preload="auto" 
     autobuffer 
     controls> 
    <p>Requires HTML5 capable browser.</p> 
</video> 

</body> 
</html>

किसी भी मदद की सराहना की जाएगी: यहाँ कोड मैं का उपयोग कर रहा है।

स्रोत

2011-11-17 ShockTower

webkitExitFullScreenvideo तत्व की एक विधि है, तो यह इस तरह के नाम से जाना है:

videoElement.webkitExitFullscreen(); 
//or 
$("#myVideoTag")[0].webkitExitFullscreen(); 
//or, without needing jQuery 
document.getElementsById('myVideoTag').webkitExitFullscreen();

यह एक ईवेंट हैंडलर के अंदर के बाद से, this हो जाएगा video कि ended, तो:

$("#myVideoTag").on('ended', function(){ 
    this.webkitExitFullscreen(); 
});

यह थोड़ा और जटिल हो जाता है क्योंकि webkitExitFullscreen केवल वेबकिट-आधारित ब्रो में काम करता है sers (सफारी, क्रोम, ओपेरा), ताकि आप MDN

स्रोत

2011-11-18 23:05:29 cbaigorri

धन्यवाद cbaigorri। वह यह था! सहायता के लिए धन्यवाद। – ShockTower

आईओएस 7 – Dejan

पर काम नहीं कर रहा है सावधान रहें! फ़ंक्शन का नाम 'webkitExitFullscreen' * नहीं * 'webkitExitFullScreen' (लोअरकेस" एस "नोट करें) –

पर अपने सही उपयोग के बारे में अधिक जान सकें, धन्यवाद, यह आपके लिए धन्यवाद .webkitExitFullscreen();

<script type="text/javascript"> 
function CloseVideo() { 
    document.getElementsByTagName('video')[0].webkitExitFullscreen(); 
} 
</script> 

<video controls onended=CloseVideo() > 
    <source src="video.mp4" type="video/mp4"> 
</video>

स्रोत

2013-06-28 07:29:43

फ़ोट आईई काम नहीं करता है। – Someone

मैं जानता हूँ कि यह पहले से ही उत्तर है, लेकिन यहां थोड़ा कोड स्निपेट मैं सभी ब्राउज़रों के लिए उपयोग कर पूर्ण स्क्रीन वीडियो बंद करने के लिए समाप्त हो गया है:

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

क्रोम, IE11, फायरफॉक्स अब तक पर काम करता है:

$("#myVideoTag").on('ended', function(){ 
    if (document.exitFullscreen) { 
     document.exitFullscreen(); // Standard 
    } else if (document.webkitExitFullscreen) { 
     document.webkitExitFullscreen(); // Blink 
    } else if (document.mozCancelFullScreen) { 
     document.mozCancelFullScreen(); // Gecko 
    } else if (document.msExitFullscreen) { 
     document.msExitFullscreen(); // Old IE 
    } 
});

तुम भी वर्तमान पूर्ण स्क्रीन तत्व (यदि हो तो) प्राप्त कर सकते हैं की तरह:

var fullscreenElement = document.fullscreenElement || 
    document.mozFullScreenElement || document.webkitFullscreenElement;

स्रोत: https://www.sitepoint.com/use-html5-full-screen-api/

बस सोचा कि मैं जवाब जोड़ूंगा क्योंकि यह पहला सवाल था जब मैं इसका समाधान ढूंढ रहा था।

स्रोत

2017-07-31 23:52:15 elzaer

एचटीएमएल 5 वीडियो टैग

उत्तर

संबंधित मुद्दे