問題描述

如題，我的頁(yè)面中有好幾個(gè)視頻，視頻的結(jié)構(gòu)，名稱都一樣，想要實(shí)現(xiàn)的是 給他們統(tǒng)一綁定事件 單擊那個(gè) 那個(gè)開始播放？請(qǐng)問怎么整？js:

//視頻暫停播放 $('.news_main .video_box .PLAY').click(function(){var myVideo = document.getElementsByTagName(’video’)[0];if(myVideo.paused){ $(this).parents('.video_bg').hide(); myVideo.play();}else{ myVideo.pause(); $(this).parents('.video_bg').show();} });

HTML:

<p class='news_main'><!-- 視頻塊1--><p class='news_block'> <p class='video_box'><video src='http://m.cgvv.com.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.cgvv.com.cn/wenda/images/PLAY.png' alt=''/></p> </p> <p class='video_msg'>環(huán)氧地坪漆的優(yōu)點(diǎn)？<span>50瀏覽</span> </p></p><!-- 視頻塊1--><p class='news_block'> <p class='video_box'><video src='http://m.cgvv.com.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.cgvv.com.cn/wenda/images/PLAY.png' alt=''/></p></p> <p class='video_msg'>環(huán)氧地坪漆的優(yōu)點(diǎn)？<span>50瀏覽</span> </p></p><!-- 視頻塊1--><p class='news_block'> <p class='video_box'><video src='http://m.cgvv.com.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.cgvv.com.cn/wenda/images/PLAY.png' alt=''/></p> </p> <p class='video_msg'>環(huán)氧地坪漆的優(yōu)點(diǎn)？<span>50瀏覽</span> </p></p> </p>

問題解答

要找到當(dāng)前點(diǎn)擊塊的video標(biāo)簽進(jìn)行操作

var myVideo=$(this).parents('.news_block').find('.video')[0];回答2：

問題在于這一句：

var myVideo = document.getElementsByTagName(’video’)[0];

獲取video標(biāo)簽，根據(jù)標(biāo)簽名video返回了偽數(shù)組對(duì)象，后面的[]內(nèi)是對(duì)象的索引值，你寫了[0]所以每次只能播放第一個(gè)視頻了(數(shù)組索引從0開始)。要想點(diǎn)擊哪個(gè)標(biāo)簽就播放哪個(gè)，可以使用for循環(huán)遍歷該偽數(shù)組，配合下標(biāo)確定相應(yīng)的標(biāo)簽播放即可

通過事件委托事件獲取當(dāng)前點(diǎn)擊元素，$(document).on(’click’,’xx’,fn(){});