Есть ли код для отображения альтернативной веб-страницы, если у посетителя очень плохое соединение? - PullRequest
Новая
       27

Есть ли код для отображения альтернативной веб-страницы, если у посетителя очень плохое соединение?

0 голосов
/ 11 мая 2018

На главной странице нашего сайта у нас есть видео, которое автоматически воспроизводится, и вы можете нажать, чтобы войти на основной сайт.

Однако, когда некоторые люди посещают сайт, он не загружается из-за плохого соединения, и эта страница остается пустой, поэтому они не могут получить доступ к сайту. Есть ли способ обнаружить медленное соединение и показать альтернативный текст или веб-страницу?

Сайт: http://www.650mah.com/

Спасибо 

<head>
  

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

</head>

<style>
html{
    width:100%;
    height:100%;
}
body {
  background: black;
position:fixed;
width: 100%;
height: 100%;}
</style>
<audio autoplay>

  <source src="http://files.cargocollective.com/598079/vape-sound_mixdown.mp3" type="audio/mpeg">

</audio>

<body bgcolor="black">
<video playsinline id="video1" width="100%" autoplay onended="run()" poster=“650mAh”>
  <source src="img/lores/vape_text_openingSMALLER.mp4" type="video/mp4">
  <source src="img/lores/vape_text_openingSMALLER.ogv" type="video/ogg">
  <source src="/img/lores/vape_text_openingSMALLER.webm" type="video/webm">
<a href="/650mah.html"> 650mAh </a>
  <object data="movie.mp4" width="100%">
    <embed width="100%" src="movie.swf">
  </object>

</video>

<a href="/650mah.html">
<video playsinline id="video2" width="100%" poster="http://650mah.com/img/650loop.gif" loop>
 <source src="img/lores/vape_text_loopSMALL.mp4" type="video/mp4">
  <source src="img/lores/vape_text_openingSMALL.ogv" type="video/ogg">
  <source src="img/lores/vape_text_loopSMALL.webm" type="video/webm">
  <object data="loop.mp4" width="100%" >
    <embed width="100%" src="loop.swf">
  </object>

</video>
</a>

<script>
$( "#video2" ).hide();
function run(){
   $( "#video1" ).hide();
    $( "#video2" ).show();
    document.getElementById("video2").play();
   };
</script>

Ответы [ 2 ]

0 голосов
/ 14 мая 2018

Еще один подход заключается в том, что вы можете иметь одну веб-страницу и отображать изображение или текст в качестве альтернативы до тех пор, пока видео не загрузится.

Событие canplaythrough HTML5 запускается, когда в браузере есть видеоdonbwloaded и проиграйте все это:

При этом вы можете заменить изображение или текст видео.

0 голосов
/ 11 мая 2018

Я сам не пробовал, но с помощью JavaScript можно определить скорость интернета. Взгляните на ссылку ниже.

Как определить скорость интернета в JavaScript?

Если интернет-соединение слишком медленное, вы можете перенаправить на другую страницу, используя JavaScript / jQuery

...