Hello,
Here are some “examples”:
Exemple #1 (Gif):
var max_seconds = 10;
var img = "https://media.giphy.com/media/4no7ul3pa571e/giphy.gif";
setTimeout(function() {
$(".img_gif").animate({
opacity: 0
}, 8000, function() { setRefresh(); });
}, (max_seconds*1000));
$(".screen_div").html("<img class='img_gif' src='" + img + "' style='position: absolute; right: 100px; bottom: 100px; width: 500px;' />");
Exemple #2 (Webm):
var max_seconds = 10;
var webm = "http://video.webmfiles.org/big-buck-bunny_trailer.webm";
setTimeout(function() {
$(".video").animate({
opacity: 0
}, 8000, function() { setRefresh(); });
}, (max_seconds*1000));
$(".screen_div").html("<video class='video' autoplay src='" + webm + "' style='position: absolute; right: 100px; bottom: 100px; width: 500px;'></video>");