jQuery

Question

का उपयोग कर डोम लोड पर एक HTML5 वीडियो ऑटो-प्ले करें मैं जैसे ही डोम jQuery का उपयोग करके लोड किया गया है, मैं वीडियो चलाने की कोशिश कर रहा हूं।

एचटीएमएल

<video id="video" width="420"> 
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> 
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg"> 
    <p>Your browser does not support HTML5 video.</p> 
</video> 

जे एस (script.js)

$(document).ready(function() { 
    $(#video).play(); 
}); 

जब आप लोड वीडियो अदा नहीं करता है डोम जहां बजे: यह मेरा कोड है मैं गलत हो रहा हूँ? अग्रिम में धन्यवाद।

Answer 1

jQuery चयनकर्ता $("#video") एक jQuery ऑब्जेक्ट देता है।() विधि .play उपयोग करने से पहले

$("#video").get(0); 

:: चूंकि play() DOM तत्व का एक समारोह है, आप के साथ डोम तत्व मिल चाहिए

$("#video").get(0).play(); 

संपादित करें: तुम भी में एचटीएमएल 5 चयनित टैग का उपयोग कर सकते मामला jQuery वापस गिरना। autoplay टैग पर ध्यान दें।

<video controls="controls" autoplay="autoplay" loop="loop" 
width="233" height="147" poster="//www.cdn.com//video.png" 
preload="auto" title="Video"> 
    <source src="//www.cdn.com/video.mp4" type="video/mp4"/> 
    <source src="//www.cdn.com/video.ogv" type="video/ogv"/> 
    <source src="//www.cdn.com/video.webm" type="video/webm"/> 
</video> 

Answer 2

मैं जानता हूँ कि jQuery नहीं है, लेकिन एचटीएमएल 5 के साथ मानक जावास्क्रिप्ट में आप का उपयोग कर सकते हैं:

var video = document.getElementById("target_video"); 
video.autoplay = true; 
video.load();