A new feature is added to HTML5 for rendering graphics for smartphones and tablets without a plug-in. As a result, dynamic content, which has so far been reproduced by using Flash, can be displayed in browser alone. In earth science education, it is necessary to understand that although natural phenomena, including those of cloud and stars, apparently seem not to change in a short time, they change over a long period of time. Also, it is important to understand how they change. If such phenomena are recorded using the interval photographing technique and reproduced as video, its understanding will be made possible. For this purpose, we have newly developed teaching/learning materials, especially of earth science. Here, the method of recording natural phenomena, being helpful in earth science learning, is explained, as well as that of how to create the materials using HTML5.