如果访问者的连接很差，是否有显示备用网页的代码？

Question

在我们网站的主页上，我们有一个自动播放的视频，您可以点击它进入主站点。

然而，当某些人访问该网站时，由于网络连接不佳而无法加载，该页面留空，因此他们无法访问该网站。有没有办法检测连接是否缓慢并显示替代文本或网页？

<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>

Answer 1

我自己还没有尝试过，但是 JavaScript 可以确定互联网速度。看看下面的link。

How to detect internet speed in JavaScript?

如果互联网连接速度太慢，您可以使用 JavaScript/jQuery

重定向到其他页面

Answer 2

另一种方法是您可以拥有一个网页并显示图像或文本作为替代，直到视频加载完毕。

HTML5 'canplaythrough' 事件在浏览器加载视频并全部播放时触发：

https://developer.mozilla.org/en-US/docs/Web/Events/canplaythrough

触发时，您可以用视频替换图像或文本。

如果访问者的连接很差，是否有显示备用网页的代码？

Is there code to display alternate webpage if visiter's connection is very poor?

html

video

connection

alternate