के लिए क्लिक पर एकाधिक एचटीएमएल 5-वीडियो शुरू करें I वर्तमान में किसी तत्व पर क्लिक करते समय अलग-अलग वीडियो चलाने के लिए एक पृष्ठ पर काम कर रहे हैं। हालांकि यह आईओएस उपकरणों के कंप्यूटर पर खूबसूरती से काम करता है, यह नहीं करता है। समस्या यह है कि जब तत्व, इस मामले में एक बटन क्लिक किया जाता है, तो यह वीडियो दिखाता है लेकिन खेलना शुरू नहीं करता है, जैसा कि इसे करना चाहिए। स्क्रिप्टआईओएस 5
$(document).ready(function(){
$('#video_1, #video_2').hide();
$('.icon_1').click(function(){
$('#video_2').fadeOut(function(){
$('#video_1').fadeIn();
});
});
$('.icon_2').click(function(){
$('#video_1').fadeOut(function(){
$('#video_2').fadeIn();
});
});
$('.icon_1').click(function(){
$('.video_2').get(0).pause();
$('.video_2').get(0).currentTime = 0;
$('.video_1').get(0).play();
});
$('.icon_2').click(function(){
$('.video_1').get(0).pause();
$('.video_1').get(0).currentTime = 0;
$('.video_2').get(0).play();
});
});
है और html है
<button><div class="icon_1" id="mediaplayer" onclick="play">cadillac</div></button>
<button><div class="icon_2" id="mediaplayer2" onclick="play">nike</div></button>
<div id="video_1">
<video class="video_1" width="50%" height="50%" controls poster="http://www.birds.com/wp-content/uploads/home/bird.jpg" >
<source src="http://video-js.zencoder.com/oceans-clip.mp4" type="video/mp4" />
</video>
</div>
<div id="video_2">
<video class="video_2" width="50%" height="50%" controls poster="images/BKG_JohnGT.png">
<source src="images/01.mp4" type="video/mp4" />
</video>
</div>
यह किसी ने मुझे एक समारोह कि ऐसा पहुंच सकता है दे सकते हैं, tht बहुत अच्छा होगा
मुझे लगता है कि आपको वास्तव में आईओएस मोबाइल पर वीडियो तत्व पर क्लिक करना होगा – Neil