我希望能夠在Chrome DevTools中暫停播放JavaScript控制檯中的視頻。那可能嗎?查看youtube.com時,我是否可以控制Chrome開發者控制檯中的視頻?
5
A
回答
1
這取決於您是否使用html5或Flash播放器。
我不認爲你可以跟Flash播放器,但HTML5是可能的。
您可以向html5客戶端的按鈕發送點擊事件,也可以直接使用視頻元素的play()和pause()方法。
http://www.w3schools.com/tags/ref_av_dom.asp
$("video").play();
$("video").pause();
//seems like jquery has some support of its own for these basic functions too
8
如果您使用的是基於HTML5播放器,您可以直接the <video>
element使用its DOM API互動,正如您在託尼的答案被告知。
如果您使用的是基於Flash的播放器,則可以使用YouTube JavaScript Player API與它進行交互。玩家元素似乎有ID movie_player
,我沒有使用權在YouTube.com API方法的任何問題:
$('#movie_player').playVideo();
$('#movie_player').seekTo(60);
$('#movie_player').pauseVideo();
另外,不要被迷惑$
,沒有jQuery的。
+3
$是谷歌別名'document.querySelector'在使用鉻控制檯API,只是澄清。因爲這個問題是關於chrome開發工具的,所以最好使用它。很好的答案。 – Winchestro
3
相關問題
- 1. Chrome開發者控制檯問題
- 2. Chrome開發者控制檯中的可解釋錯誤
- 3. 在開發者控制檯
- 4. 開發者控制檯,github
- 5. Android開發者控制檯
- 6. 谷歌Chrome開發者控制檯中的[]是什麼?
- 7. 什麼是Facebook開發者控制檯?
- 8. 開發者控制檯|同時顯示檢查器/元素和控制檯
- 9. 展開{...}在IE開發者控制檯
- 10. Google開發者控制檯和發佈
- 11. Django的開發者控制檯錯誤
- 12. 是否可以在Chrome控制檯中保存過濾器?
- 13. 奇怪的Chrome開發者工具控制檯的行爲
- 14. Chrome控制檯中的「保留日誌」以查看「Uncaught TypeError」?
- 15. 瞭解Google開發者控制檯
- 16. Android開發者控制檯310 eroor
- 17. Google Analytics,Google Play開發者控制檯
- 18. 如何在Android開發者控制檯
- 19. Android開發者控制檯Stacktrace
- 20. Android Market開發者控制檯
- 21. 禁用Google開發者控制檯
- 22. android開發者控制檯問題
- 23. 智能gwt開發者控制檯
- 24. 如何通過Chrome中的開發者控制檯(F12)中的控制檯使`console.log`工作?
- 25. 項目出現在Google Play開發者控制檯中,但不在Google開發者控制檯中
- 26. 如何調整Chrome開發者模式錯誤控制檯?
- 27. 保存Chrome開發者控制檯HTML更改
- 28. 如何在左邊停靠chrome開發者控制檯?
- 29. Chrome開發者控制檯無法運行JS循環
- 30. 檢查是否可以檢查控制?
我剛剛創建的擴展,它可以幫助你從任何標籤做:https://chrome.google.com/webstore/detail/youtube-playback-control/okbcoijdeebocmahlanbfemnckjonfnh – meteors