html5加载更多,html下拉加载更多

使用html5 video播放的视频加载很慢怎么优化？

new个video，指定播放列表的第一个视频路径为src。监听end事件，回调里面把video的src改成列表的下一个，再play

代码示例：

var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表

var vLen = vList.length; // 播放列表的长度

var curr = 0; // 当前播放的视频

var video = new Video();

video.addEventListener('end', play);

play();

function play(e) {

video.src = vList[curr];

video.load(); // 如果短的话，可以加载完成之后再播放，监听 canplaythrough 事件即可

video.play();

curr++;

if (curr = vLen) curr = 0; // 播放完了，重新播放

}

可以实现html5 播放多个视频。一个接一个的播放

相关问答

Q1: 使用html5的video标签打开视频加载慢怎么优化

可以缩短视频的大小，通过压缩缩短码率等方法。

还有可以通过其他视频插件去实现向jplayer~

Q2: 使用html5 video播放的视频加载很慢怎么优化

video autoplay="autoplay" loop="loop" src="video.ogg"/video

autoplay:当视频准备就绪就开始播放（不需要完全下载好，只要准备好了能播的时候就会马上播）

loop：循环播

Q3: html5 canvas载入多张图片

重复执行以下代码不就可以添加多张图片了？，添加一张跟添加多张方法还不是都一样。当然你可以封装以下，循环调用，省的代码重复太多。

我本地试过，多张也可以。

let cvb=new Image();

cvb.src="img/img1.png";

cvb.onload = function(){

game.drawImage(cvb, 0, 0, 100, 100);

}

Q4: 如何实现HTML5的预加载

!-- 页面，可以使用绝对或者相对路径 -- 

link rel="prefetch" href="page2.html" / 

!-- 图片，也可以是其他类型的文件 -- 

link rel="prefetch" href="sprite.png" /

从上面的HTML代码可以看出，预加载使用 link 标签，并指定 rel="prefetch" 属性，而href属性就是需要预加载的文件路径。而Mozilla还实现了一些类似的 link rel 属性:

link rel="prefetch alternate stylesheet" title="Designed for Mozilla" href="mozspecific.css" / 

link rel="next" href="2.html" /

备注： https 协议也同样支持。

何时需要预加载 

网站是否采用预加载取决于你的需求，下面是一些建议： 

- 如果一系列的页面幻灯片一样展示，那么可以预加载前后各1至3个页面. 

- 加载网站内部通用的图片 

- 在搜索结果页预加载下一页

阻止预加载 

Firefox 允许禁止预加载模式，代码如下： 

user_pref("network.prefetch-next", false);