congdantoancau

Facebook video toggle

Mar 18th, 2018
535
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.65 KB | None | 0 0
  1. <style>
  2. /* Facebook recommend videos*/
  3. div[id^="video-up-next"], ._1vgj {display: none;}
  4.  
  5. /*Page expander*/
  6. #pagelet_canvas_nav_content, #pagelet_ego_pane, #fbDockChatBuddylistNub, ._275p, .egoOrganicColumn, .fbDockWrapper {
  7.     display: none;
  8. }
  9.  
  10. .expanded {
  11.     width: 100% !important;
  12. }
  13.  
  14.  
  15. .btn {
  16.     display: inline-block;
  17.     padding: 5px 10px;
  18.     font-size: 2em;
  19. }
  20.  
  21. .btn:hover {
  22.     cursor: pointer;
  23.     background: #1c1c1d;
  24. }
  25. </style>
  26.  
  27. <script>
  28. // Redirect
  29. $('._2s25').html();
  30.  
  31. // HOTKEYS SETTINGS
  32. $(document).keyup(function(e) {
  33.     // [Esc] - Cancel play next video
  34.     if (e.which == 27)
  35.         $('._64gk').trigger('click');
  36.    
  37.     // [Media-pause]/[Pause/Break] - Play-pause button
  38.     if (e.which == 179 || e.which == 19) {
  39.         $('button[data-testid="play_pause_control"]').trigger('click');
  40.     }
  41.    
  42.     e.preventDefault();
  43.     // [F] - Fullscreen button
  44.     if (e.which == 70) {
  45.         if (!$(e.target).is('input') || !$(e.target).is('.UFIAddCommentInput')) {
  46.             $('button[data-testid="fullscreen_control"]').trigger('click');
  47.         }
  48.     }
  49.        
  50.     // [F1] - Toggle_expand button
  51.     if (e.which == 112) {
  52.         $('#tog_expand').trigger('click');
  53.         $('._h1k').trigger('click');
  54.     }
  55. });
  56.  
  57.  
  58.  
  59. // Toggle buttons handle
  60. $('#tog_expand').remove();
  61. $('._2t-e').append('<div class="btn" id="tog_expand"></div>');
  62. $('#tog_next').remove();
  63. $('._2t-e').append('<div class="btn" id="tog_next"></div>');
  64.  
  65. var vidhid = false;
  66. $('#tog_next').click(function() {
  67.     if (vidhid == false) {
  68.         $('div[id^="video-up-next"]').css('display', 'block');
  69.         vidhid = true;
  70.     } else {
  71.         $('div[id^="video-up-next"]').css('display', 'none');
  72.         vidhid = false;
  73.     }
  74. });
  75.  
  76. var hidden = false;
  77. $('#tog_expand').click(function() {
  78.     $('.uiStreamStory').toggleClass('expanded');
  79.     $('._5-lm').toggleClass('expanded');
  80.     $('._17am').toggleClass('expanded');
  81.     $('._6445').toggleClass('expanded');
  82.    
  83.     if (hidden == false) {
  84.         $('._6444').css('display', 'none');
  85.        
  86.                 $('._2zam').fadeOut();
  87.         $('#pages_side_column').fadeOut();
  88.         $('#pagelet_group_').css('width', '164%');
  89.         $('div[id^="group_mall"]').css('width', '106%');
  90.         $('#stream_pagelet').css('width', '164%');
  91.         $('#pagelet_timeline_main_column').css('width', '164%');
  92.         $('div[id^="video-up-next"]').css('display', 'block');
  93.         hidden = true;
  94.     }   else {
  95.         $('._6444').css('display', 'block');
  96.        
  97.                 $('._2zam').fadeIn();
  98.         $('#pages_side_column').fadeIn();
  99.         $('#pagelet_group_').css('width', '100%');
  100.         $('div[id^="group_mall"]').css('width', '100%');
  101.         $('#stream_pagelet').css('width', '100%');
  102.         $('#pagelet_timeline_main_column').css('width', '100%');
  103.         $('div[id^="video-up-next"]').css('display', 'none');
  104.         hidden = false;
  105.     }
  106.  
  107. });
  108. </script>
Advertisement
Add Comment
Please, Sign In to add comment