How to target autoplay attribute in HTML 5 Video element inside modal

Question

I have a HTML 5 video element inside a modal window. Now I need a check that if modal is opened and video element has autoplay then play the video. If the video does not have th

Answer 1

I think you forgot the quotes around autoplay, like

if ($('.modal-box.opened').find('video').attr("autoplay") == true)

Moreover, it should perhaps be used prop("autoplay"), knowing that autoplay is a property

EDIT : Autostart

$(this).get(0) doesn't return the desired element, so you must recover the video again :

var video = $('.modal-box.opened').find('video');
if (video.prop("autoplay")) {
    video.get(0).play();
}