Coursera - Place transcript next to video

Places the video transcript next to the video, so you can watch both simultaneously

  1. // ==UserScript==
  2. // @name Coursera - Place transcript next to video
  3. // @description Places the video transcript next to the video, so you can watch both simultaneously
  4. // @namespace https://github.com/ChemaZapiens/dev/tree/main/random/userscript
  5. // @author Chema Zapiens
  6. // @version 01
  7. // @include https://*coursera.org/learn/*
  8. // @grant GM_addStyle
  9. // ==/UserScript==
  10.  
  11. GM_addStyle(`
  12. .rc-VideoItemWithHighlighting {
  13. margin: 0 auto;
  14. padding: 0 36px;
  15. max-width: none;
  16. width: 100%;
  17. }
  18.  
  19. .rc-VideoMiniPlayer {
  20. width: 60%;
  21. float: left;
  22. }
  23.  
  24. .rc-ItemNavigation .item-page-content {
  25. width: unset;
  26. }
  27.  
  28. .rc-VideoItemWithHighlighting .rc-VideoTranscriptToolbar {
  29. margin: 6px 12px;
  30. }
  31.  
  32. .rc-VideoHighlightingManager {
  33. max-height: 600px;
  34. overflow: auto;
  35. width: 38%;
  36. float: right;
  37. }
  38. .rc-VideoItemWithHighlighting .rc-Transcript {
  39. padding-right: 12px;
  40. }
  41.  
  42. .rc-Paragraph .timestamp {
  43. margin-left: -5px;
  44. }
  45. `);

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址