可以通過(guò)html5的video標(biāo)簽調(diào)取播放器，然后css3制作相關(guān)特效，配合js的ajax方法json數(shù)據(jù)格式和后臺(tái)交互。

單從你上面所截圖并看不出來(lái)是怎么得來(lái)的圓圈，請(qǐng)?jiān)诰W(wǎng)上移動(dòng)到dl標(biāo)簽上看看是否寫(xiě)了命令 存用css3寫(xiě)的話，必須有兩個(gè)圓圈組合，大圓是半透明的，小圓是不透明的，例如 ltdl class=quotonequot ltdt111ltdtltdl css。

播放不了是因?yàn)槭謾C(jī)瀏覽器不支持html5的這個(gè)video新特性iOS方面，根據(jù)蘋(píng)果官方提供的文檔，Mobile Safari支持包括視頻 video和音頻audio 標(biāo)簽，離線存儲(chǔ) web storage，主流的CSS3效果 transitions， animations。

lt！DOCTYPElthtmllthead ltmeta charset=quotutf8quot ltscript type=quottextjavascriptquot var audioTag = documentcreateElement#39audio#39 if ！audioTagcanPlayType quotnoquot ！=。