可重復(fù)多次播放的動(dòng)畫的3種實(shí)現(xiàn)思路
- 多張圖+css腻格。比如:蘋果網(wǎng)站的 apple watch 诊赊。
- gif動(dòng)態(tài)圖。當(dāng)然如果直接用img的src放入gif路徑仅孩,該動(dòng)態(tài)圖會(huì)一直循環(huán)播放下去托猩,所以就要加個(gè)動(dòng)畫播放最初時(shí)的一個(gè)靜態(tài)圖,通過(guò)切換src達(dá)到多次重復(fù)播放辽慕。
- 短視頻京腥。調(diào)用video對(duì)象的play()方法。當(dāng)然溅蛉,如果你用jQuery獲取video對(duì)象時(shí)公浪,注意要轉(zhuǎn)出video對(duì)象他宛。
//return a DOM object
var video = document.getElementById('videoID'); //or
var video = $('#videoID').get(0); //or
var video = $('#videoID')[0];
//return a jQuery object
var video = $('#videoID');