鍍金池/ 問答/HTML5  HTML/ 點擊a標(biāo)簽怎么實現(xiàn)自動播放相應(yīng)的視頻呢?(移動端)

點擊a標(biāo)簽怎么實現(xiàn)自動播放相應(yīng)的視頻呢?(移動端)

如題,頁面有很多的a標(biāo)簽,對應(yīng)不同的視頻,單擊的時候自動打開該視頻,并自動播放的效果,怎么實現(xiàn)呢?
我是這樣做的:
<a href="110.mp4">視頻</a>

這樣的話,單擊的時候會跳轉(zhuǎn)到對應(yīng)視頻,但是不會自動播放(瀏覽器調(diào)試會自動播放,手機(jī)打開不會),應(yīng)該怎么做呢?有沒有其他方法?

回答
編輯回答
離人歸

不用a標(biāo)簽,放一個audio標(biāo)簽,你點擊后用js獲取data-src鏈接 賦給audio,設(shè)置audio的autoplay=autoplay,當(dāng)然也可以用a標(biāo)簽跳轉(zhuǎn)的方式,在a標(biāo)簽上加個click,點擊后用sessionStorage存儲下src,都跳到同一個播放頁面(不是視頻地址),頁面是寫audio,設(shè)置autoplay="autoplay",用js獲取sessionStorage存儲的src,然后賦給audio。

2017年10月31日 18:27
編輯回答
執(zhí)念

不要用<a></a>,用onclick()事件綁定觸發(fā)對應(yīng)的函數(shù)。

2018年9月23日 19:26
編輯回答
入她眼

你這是點擊之后跳轉(zhuǎn)到某個頁面來進(jìn)行播放還是? 視頻是在video標(biāo)簽內(nèi)的嘛? video標(biāo)簽有自己的控制方法,可以載入時自動播放的

2017年3月19日 12:48
編輯回答
巫婆

找到如下解決方案:

$('video').click(function(){
    $(this).find('video').trigger('play');
});
2018年5月23日 08:50