Advertisement
nrzmalik

Hide Video Control Except Progress Bar in Articulate Storyline (JavaScript): Code

Mar 2nd, 2023
224
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 2.28 KB | Source Code | 0 0
  1. //Hide Video Control Except Progress Bar in Articulate Storyline (JavaScript): Code
  2. chnage_Position();
  3. set_Optcity();
  4. hide_Control();
  5. add_Margin();
  6.  
  7. //Chnage Position    
  8. function chnage_Position()
  9. {    
  10. var modernVideoControls = document.getElementsByClassName("modern-video-controls");
  11. var videoSeekbar = document.getElementsByClassName("video-seekbar");
  12. var videoSeekbarHitarea = document.getElementsByClassName("video-seekbar-hitarea");
  13.  
  14. for (var i = 0; i < modernVideoControls.length; i++) {
  15.     modernVideoControls[i].style.position = "none";
  16. }
  17.  
  18. for (var i = 0; i < videoSeekbar.length; i++) {
  19.     videoSeekbar[i].style.position = "none";
  20. }
  21.  
  22. for (var i = 0; i < videoSeekbarHitarea.length; i++) {
  23.     videoSeekbarHitarea[i].style.position = "none";
  24. }
  25. }
  26.  
  27. // Set Opicity
  28. function set_Optcity()
  29. {
  30. var modernVideoControls = document.getElementsByClassName("modern-video-controls");
  31. var videoAnimationContainer = document.getElementsByClassName("video-animation-container");
  32. var controlBackground = document.getElementsByClassName("control-background");
  33.  
  34. for (var i = 0; i < modernVideoControls.length; i++) {
  35.     modernVideoControls[i].style.backgroundColor = "rgba(0, 0, 0, 0)";
  36. }
  37.  
  38. for (var i = 0; i < videoAnimationContainer.length; i++) {
  39.     videoAnimationContainer[i].style.backgroundColor = "rgba(0, 0, 0, 0)";
  40. }
  41.  
  42. for (var i = 0; i < controlBackground.length; i++) {
  43.     controlBackground[i].style.backgroundColor = "rgba(0, 0, 0, 0)";
  44. }
  45. }    
  46.  
  47. //Hide COntrol
  48. function hide_Control()
  49. {
  50.  
  51.     var classes = ["video-controlbar", "seek-enabled", "elapsed-time-enabled", "volume-enabled", "playback-speed-enabled", "pip-enabled", "full-screen-enabled"];
  52.  
  53.   classes.forEach(function(className) {
  54.     var x = document.querySelectorAll("." + className);
  55.     for (var i = 0; i < x.length; i++) {
  56.         x[i].style.display = "none";
  57.     }
  58.   });
  59.    
  60. }
  61.  
  62.  //Add Margin
  63.  function add_Margin()
  64.  {
  65. var modernVideoControls = document.getElementsByClassName("modern-video-controls");
  66. var videoSeekbar = document.getElementsByClassName("video-seekbar");
  67.  
  68. for (var i = 0; i < modernVideoControls.length; i++) {
  69.     modernVideoControls[i].style.marginTop = "38px";
  70. }
  71.  
  72. for (var i = 0; i < videoSeekbar.length; i++) {
  73.     videoSeekbar[i].style.marginTop = "38px";
  74. }
  75.  
  76.  }
  77.  
  78.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement