一些小技巧与常见问题解决方法

1. 页面滚动到底部自动加载更多内容

问题描述：

在网页中，用户不断滚动页面浏览内容，当页面滚动到底部时，希望自动加载更多的内容。

解决方法：

可以通过以下代码实现：

window.addEventListener('scroll', function() {
  if (window.innerHeight + document.documentElement.scrollTop === document.documentElement.offsetHeight) {
    // 调用加载更多的方法
  }
});

上述代码使用了window对象的scroll事件，每次当页面滚动时，都会触发该事件。然后在事件的回调函数中判断当前页面是否滚动到了底部，判断的方法是通过判断视窗的高度window.innerHeight加上当前页面向下滚动的距离document.documentElement.scrollTop是否等于整个文档的高度document.documentElement.offsetHeight，若相等，则表示页面已经滚动到底部了。在判断出页面已经滚动到底部时，可以调用加载更多内容的方法。

2. 在网页中添加视频

问题描述：

希望在网页中添加视频，让用户能够直接在页面上观看视频。

解决方法：

可以使用HTML5提供的<video>标签来添加视频。具体代码如下：

<video src="video.mp4" controls autoplay></video>

上述代码中，<video>标签表示页面中添加视频，src表示视频文件的URL地址，controls表示在页面上显示视频的控制条，autoplay表示页面加载时自动播放视频。

需要注意的是，部分老旧浏览器可能不支持HTML5的<video>标签，此时可以在<video>标签中添加<object>或者<embed>标签作为降级方案，或者使用JavaScript检测浏览器的支持情况。