javascript - 对于连接速度较慢的用户,我想用图像标签替换视频标签

标签 javascript jquery html css

我在我的网页中放置了一个视频,但该视频的尺寸很大,因此对于低网速连接用户来说加载速度很慢。

对于网速高的用户,视频将按原样播放,对于网速低的用户,将显示图像而不是视频(对于网速低的用户,视频将不会播放)

你们能帮我解决这个问题吗

伙计们,有可能不会......!

最佳答案

您可以在下载视频的同时在您的视频标签中使用海报属性。

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

否则,如果您想用图片替换视频,只需将您的视频标签更改为 img 标签:)

关于javascript - 对于连接速度较慢的用户,我想用图像标签替换视频标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30567281/

相关文章:

html - 右固定列表 - 固定列的背景颜色不起作用

javascript - 如何在 ReactJS 中跳过某些路由的页眉和页脚?

jquery - 全年查看日历?

javascript - 如何使用鼠标滚轮为 div 设置线性动画?

c# - 如何从Web服务生成的客户端应用程序引用XML文件

jquery - 使用 JQuery 查找类属性 "removeAttr"

php - 通过 javascript 重定向 html 传递 php 变量?

javascript - 合并 JSON 对象数组并使用 Javascript 排序

javascript - Google-Chart-angularjs 是否支持 "date"类型?

javascript - 分层div不分层显示