Я запустил видео проект.Я сам написал свой видеоплеер.Я использую javascript, jquery, asp.net и c #.
Я остановил видео в считанные секунды, которые пользователь установил, и пользователь задал вопросы, чтобы появиться на экране.Видео останавливается.Вопрос идет.Нажав вариант ответа.Выбранный вариант сохраняется в базе данных (для анализа).
Я отправляю свои данные на сервер через ajax.Он отлично работает, когда вы отвечаете на вопросы мгновенно. Я вывожу свои вопросы на экран с помощью CSS, созданного с помощью Z-index.
Chrome, Edge и Android, ожидающие определенный период времени, сталкиваются с этой проблемой.
Мой проект не работает должным образом на IOS.Первый вопрос выводится на экран 3-4 раза.Но это заставляет другие вопросы показывать в один клик. Другие вопросы выводят на экран не проблема.У меня просто проблема с первым вопросом по ios.Я не могу понять, почему вопрос появляется на экране 3-4 раза.
HTML-код
<div id="v_area">
<div id="my_ad">
<p>
<div class='clickable-div-1' id="div1">
<button id="c1"></button>
</div>
</p>
<p>
<div class='clickable-div-2' id="div2">
<button id="c2"></button>
</div>
</p>
<p>
<div class='clickable-div-3' id="div3">
<button id="c3"></button>
</div>
</p>
<p>
<div class='clickable-div-4' id="div4">
<button id="c4"></button>
</div>
</p>
</div>
</div>
JavaScript-код
$(document).on('click', '.clickable-div-1', function() {
v.currentTime += 0.03;
document.getElementById("my_ad").style.visibility = "hidden";
var user = {};
user.Cevap1 = document.getElementById('c1').innerHTML;
var VKodu = document.getElementById('VKodu').innerHTML;
var SoruKodu = document.getElementById('SoruKodu').innerHTML;
$.ajax({
type: "POST",
`
url: "VideoPlayerDemo.aspx/SonucKaydet",
data:'{user:'+JSON.stringfy(user)+',VKodu:'+JSON.stringfy(VKodu)+',SoruKodu:'+JSON.stringfy(user)+'}',
contenttype:"json",
success:function(data){
if(document.getElementById("my_ad").style.visibility!="hidden")
{
document.getElementById("my_ad").style.visibility ="hidden";`
}
},
}),
}),
v.play();
});