У меня есть простой отзывчивый сайт, построенный с помощью бутстрапа Twitter.Вызов функции при загрузке страницы Javascript
У меня есть видео, сидящее в модальном, который называется и автоматически воспроизводится одним нажатием кнопки.
Я хочу вызвать свою функцию на загрузку страницы, а не на кнопку.
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#videoModal"
data-theVideo="https://www.youtube.com/embed/44H1gmn9tBA">VIDEO</a>
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div>
<iframe width="100%" height="350" src=""></iframe>
</div>
</div>
</div>
</div>
и .js
<script type="text/javascript">
autoPlayYouTubeModal();
function autoPlayYouTubeModal() {
var trigger = $("body").find('[data-toggle="modal"]');
trigger.click(function() {
var theModal = $(this).data("target"),
videoSRC = $(this).attr("data-theVideo"),
videoSRCauto = videoSRC + "?autoplay=1";
$(theModal + ' iframe').attr('src', videoSRCauto);
$(theModal + ' button.close').click(function() {
$(theModal + ' iframe').attr('src', videoSRC);
});
$('.modal').click(function() {
$(theModal + ' iframe').attr('src', videoSRC);
});
});
}
</script>
Все выше работ, как предполагалось, но я пытался сделать это (ниже) для того, чтобы вызвать функцию автозапуска при загрузке страницы.
<script>
$("document").ready(function(){
$("#videoModal").trigger("click");
});
</script>
Когда я вставить функцию видео modal.trigger в консоль возвращает модальность, но модальный и видео никогда не запускать.
Цените любую помощь.
Должен '$ (" document ")' не быть '$ (document)'? – christopher