關(guān)于video視頻彈窗關(guān)閉之后的重置
2023-02-22 分類： 網(wǎng)站建設(shè)
屬性值描述
autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。 controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。 height pixels 設(shè)置視頻播放器的高度。 loop loop 如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。 preload preload 如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預(yù)備播放。
如果使用 "autoplay"，則忽略該屬性。 src url 要播放的視頻的 URL。 width pixels 設(shè)置視頻播放器的寬度。
HTML5 方法屬性事件
play() currentSrc play pause() currentTime pause load() videoWidth progress canPlayType videoHeight error duration timeupdate ended ended error abort paused empty muted emptied seeking waiting volume loadedmetadata height width注釋：
在所有屬性中，只有 videoWidth 和 videoHeight 屬性是立即可用的。在視頻的元數(shù)據(jù)已加載后，其他屬性才可用。
最近在一個項目上遇到了視頻彈窗關(guān)閉后視頻繼續(xù)播放而不是暫?；蛘叱跏蓟阶畛鯛顟B(tài)的問題，html中video彈窗結(jié)構(gòu)代碼如下：
在點擊觸發(fā)彈窗之后點擊播放能正常播放，在瀏覽器上的表現(xiàn)效果如下：
可以看到播放器上并沒有重置視頻的按鈕，而且這里需要的是通過點擊
autoplay autoplay 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。 controls controls 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。 height pixels 設(shè)置視頻播放器的高度。 loop loop 如果出現(xiàn)該屬性，則當媒介文件完成播放后再次開始播放。 preload preload 如果出現(xiàn)該屬性，則視頻在頁面加載時進行加載，并預(yù)備播放。
如果使用 "autoplay"，則忽略該屬性。 src url 要播放的視頻的 URL。 width pixels 設(shè)置視頻播放器的寬度。
HTML5 方法屬性事件
play() currentSrc play pause() currentTime pause load() videoWidth progress canPlayType videoHeight error duration timeupdate ended ended error abort paused empty muted emptied seeking waiting volume loadedmetadata height width注釋：
在所有屬性中，只有 videoWidth 和 videoHeight 屬性是立即可用的。在視頻的元數(shù)據(jù)已加載后，其他屬性才可用。
最近在一個項目上遇到了視頻彈窗關(guān)閉后視頻繼續(xù)播放而不是暫?；蛘叱跏蓟阶畛鯛顟B(tài)的問題，html中video彈窗結(jié)構(gòu)代碼如下：
在點擊觸發(fā)彈窗之后點擊播放能正常播放，在瀏覽器上的表現(xiàn)效果如下：
可以看到播放器上并沒有重置視頻的按鈕，而且這里需要的是通過點擊
的灰色背景層來實現(xiàn)關(guān)閉彈窗的，代碼如下：
點擊關(guān)閉彈窗的功能實現(xiàn)了，但是在關(guān)閉彈窗之后就發(fā)現(xiàn)問題了：點擊關(guān)閉彈窗之后雖然視頻彈窗關(guān)閉了，但是視頻還在播放，雖然沒有視頻內(nèi)容，但是還是聽的到視頻的聲音，這點在用戶體驗上就很不友好了，要關(guān)閉當然就要關(guān)閉得徹徹底底，那么這里需要關(guān)閉彈窗之后就需要讓視頻停止播放，同時也需要再下次再點開的時候視頻重頭播放吧，如果說瀏覽了其他內(nèi)容之后再回到這里點開視頻還是在上次播放停止的位置，這樣也不能完全體現(xiàn)視頻的價值，那么就需要在點擊關(guān)閉彈窗之后讓視頻停止播放而且還要讓視頻初始化到最開始的地方，該怎么實現(xiàn)呢，這里我是這樣做的：
點擊關(guān)閉彈窗的功能實現(xiàn)了，但是在關(guān)閉彈窗之后就發(fā)現(xiàn)問題了：點擊關(guān)閉彈窗之后雖然視頻彈窗關(guān)閉了，但是視頻還在播放，雖然沒有視頻內(nèi)容，但是還是聽的到視頻的聲音，這點在用戶體驗上就很不友好了，要關(guān)閉當然就要關(guān)閉得徹徹底底，那么這里需要關(guān)閉彈窗之后就需要讓視頻停止播放，同時也需要再下次再點開的時候視頻重頭播放吧，如果說瀏覽了其他內(nèi)容之后再回到這里點開視頻還是在上次播放停止的位置，這樣也不能完全體現(xiàn)視頻的價值，那么就需要在點擊關(guān)閉彈窗之后讓視頻停止播放而且還要讓視頻初始化到最開始的地方，該怎么實現(xiàn)呢，這里我是這樣做的：
通過獲取box里面的代碼，然后移出本次播放的video視頻代碼模塊，然后通過 append將獲取到的代碼模塊插入到box中，這樣這個視頻彈窗關(guān)閉的時候也就達到了重置的目的。這樣項目的問題解決了。
當前文章：關(guān)于video視頻彈窗關(guān)閉之后的重置
網(wǎng)頁鏈接：http://www.aaarwkj.com/news/239055.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、軟件開發(fā)、響應(yīng)式網(wǎng)站、定制開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站建設(shè)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站首頁設(shè)計有哪些地方要注意 2023-02-22
- 偶像團體商城出世一種新電商 2023-02-22
- 移動應(yīng)用軟件App也是雙刃劍 2023-02-22
- 企業(yè)網(wǎng)站開發(fā)的準則介紹 2023-02-22
- 如何選擇網(wǎng)站關(guān)鍵詞? 2023-02-22
- 企業(yè)網(wǎng)站建設(shè)開發(fā)的作用是什么 2023-02-22
- 成都網(wǎng)站制作的三個關(guān)鍵步驟 2023-02-22
- 企業(yè)網(wǎng)站選擇起來有多困難 2023-02-22
- 成都網(wǎng)站定制所遵循的原則有哪些？ 2023-02-22
- 自己建設(shè)網(wǎng)站需思考的事情 2023-02-22
- 為什么有些采集的資訊站排名很好 2023-02-22
- 上海網(wǎng)站建設(shè)哪些設(shè)計可以提高網(wǎng)站的用戶體驗 2023-02-22
- 如果https不續(xù)費了會怎樣 2023-02-22
- slideDown()和slideUp()方法和css3過渡的下拉菜單效果 2023-02-22
- 南通網(wǎng)站建設(shè)中出現(xiàn)的錯誤 2023-02-22
- 建設(shè)網(wǎng)站的費用與客戶的需求有關(guān) 2023-02-22
- 企業(yè)做網(wǎng)絡(luò)推廣有什么作用? 2023-02-22
- 視頻在網(wǎng)頁設(shè)計中起到的七個作用 2023-02-22
- 淺談泰晤士教育網(wǎng)站改版的見解 2023-02-22