第壹步:首先下載video.js,百度壹下就能找到。
第二步:先把要用到的js\css\swf都加載到html頁面上。
第三步:加入下面的代碼:
<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"width="640"height="480"poster="video-js/my_video_poster.png" data-setup="{}">
<source src="Wildlife.mp4" type='video/mp4'>?
</video>
只要記住:修改width="640" height="480"來改變視頻顯示大小,修改src="Wildlife.mp4"來改變要顯示的視頻。
第四步:然後打開html文件查看效果吧,它有暫停、音量控制、全屏等功能,還有好多其他功能,比如字幕等,這個以後再寫。
第五步:全屏後的效果:
壹、html5和html有什麽區別:
學了html5就不用學習html了,因為html5是html的升級。
二、如何做HTML頁面:
下面是壹個簡單的HTML頁面
<HTML>
<HEAD>我的第壹個HTML頁面</HEAD>
<BODY>這就是HTML頁面....</BODY>
</HTML>
復制上面代碼到記事本中,然後將記事本的後綴名改為.html
大功告成!