av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - 一個頁面有多個視頻,vidoe,怎么綁定事件呢?點擊哪個哪個播放 我 的只播放第一個

瀏覽:114日期:2022-11-08 16:50:28

問題描述

如題,我的頁面中有好幾個視頻,視頻的結構,名稱都一樣,想要實現的是 給他們統一綁定事件 單擊那個 那個開始播放?請問怎么整?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.4tl426be.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.4tl426be.cn/wenda/images/PLAY.png' alt=''/></p> </p> <p class='video_msg'>環氧地坪漆的優點?<span>50瀏覽</span> </p></p><!-- 視頻塊1--><p class='news_block'> <p class='video_box'><video src='http://m.4tl426be.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.4tl426be.cn/wenda/images/PLAY.png' alt=''/></p></p> <p class='video_msg'>環氧地坪漆的優點?<span>50瀏覽</span> </p></p><!-- 視頻塊1--><p class='news_block'> <p class='video_box'><video src='http://m.4tl426be.cn/wenda/跑道全.mp4'></video><p class='video_bg'> <img src='http://m.4tl426be.cn/wenda/images/PLAY.png' alt=''/></p> </p> <p class='video_msg'>環氧地坪漆的優點?<span>50瀏覽</span> </p></p> </p>

問題解答

回答1:

要找到當前點擊塊的video標簽進行操作

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

問題在于這一句:

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

獲取video標簽,根據標簽名video返回了偽數組對象,后面的[]內是對象的索引值,你寫了[0]所以每次只能播放第一個視頻了(數組索引從0開始)。要想點擊哪個標簽就播放哪個,可以使用for循環遍歷該偽數組,配合下標確定相應的標簽播放即可

回答3:

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

標簽: JavaScript
主站蜘蛛池模板: av网站在线看 | www日本在线播放 | 久久精品国产一区二区电影 | 成人二区三区 | 久久久久国产一级毛片 | 成人看片在线观看 | 精品香蕉一区二区三区 | 国产精品一区二区在线 | 国产电影一区二区在线观看 | 伊人最新网址 | 午夜日韩 | 99久久精品免费看国产高清 | 亚洲成人av在线播放 | 九九免费在线视频 | 国产福利小视频 | www亚洲免费国内精品 | 国产精品久久久久久 | 在线免费观看毛片 | 国产99视频精品免费播放照片 | 国产欧美日韩精品一区 | 国产精品欧美一区二区三区 | 日一区二区 | 亚洲精品乱 | 91精品国产综合久久精品 | 久久一区二区三区四区 | 国产美女自拍视频 | 亚洲综合一区二区三区 | 欧美一区二 | 成人影视网| 国产欧美日韩综合精品一区二区 | 91综合在线视频 | 久久一起草 | 久久九九色 | 日日干干 | 一级高清 | 精精国产xxxx视频在线 | 国产99久久精品 | 成人激情免费视频 | 深夜爽视频 | 午夜影院在线观看 | 午夜专区 |