Combination of "Late 2007 for Startube" and "StarTube Early 2011 Aozora Tweaks" from both AtoZenne and thxdeeply on Github respectively. Altered by me.
"Late 2007 for StarTube" by AtoZenne - EDITED by MrRoboto1212
Details
AuthorMrRoboto1212
LicenseNo License
Categoryyoutube.com
Created
Updated
Code size19 kB
Code checksum81e3fcbc
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
For StarTube Beta 2.4.2
Please read the notes provided in the code for a lot more detail!
This includes a cropped 4:3 video player while in regular mode, which widens to a full 16:9 video aspect when in fullscreen. However, there are catches:
- "Embed player" must be selected underneath Player tab in StarTube
- Player controls are not usable while NOT in fullscreen. You will need to hop into fullscreen if you want to access video controls, unless you are watching a native 4:3 video. I tried many things to fix this issue, but to no avail. IMPORTANT DETAILS IN CODE COMMENTS
- StarTube itself has glitches, mainly, one that makes elements of the watch page not load. I've found every single video, even on playlists, needs a page refresh for everything to load properly. -_-
- Furthermore, as per StarTube's author's words, StarTube's code is being overhauled for the next few major updates, so this may not function for long.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name "Late 2007 for StarTube" by AtoZenne - Altered and Edited
@namespace https://userstyles.world/user/MrRoboto1212
@version 20250423.13.43
@description Combination of "Late 2007 for Startube" and "StarTube Early 2011 Aozora Tweaks" from both AtoZenne and thxdeeply on Github respectively. Altered by me.
@author MrRoboto1212
@author AtoZenne - ALTERED FROM AUTHOR'S ORIGINAL CODE
@author thxdeeply - ALTERED FROM AUTHOR'S ORIGINAL CODE - borrowed code for better playlist
==/UserStyle== */
/* FOR EMBED PLAYER / MISC WATCH PAGE ELEMENTS, GENERAL HOMEPAGE */
/* For StarTube Beta 2.4.2, 2008 layout - "Embed player" must be selected underneath Player tab */
/* DISCLAIMER: RESULTS MAY VARY, I HAVE CHANGED THINGS WITHIN MY PERSONAL V3 / STARTUBE SETTINGS. NOT GUARANTEED TO LOOK PRECISE TO ANYONE ELSE */
/* ADDITIONAL: STARTUBE'S CODE IS BEING "OVERHAULED" AS THE AUTHOR SAYS FOR THE COMING MAJOR UPDATES, SO THIS MAY NOT FUNCTION FOR LONG */
/* SPAGHETTI CODE - DESPITE THIS, THERE ARE A FEW NOTES, WITH SOME BEING IMPORTANT; I APOLOGIZE! */
.player-width {
width: 480px;
margin-left: 17px !important;
border: none !important;
}
/* PLAYER CONTROLS UNUSABLE IN NON-FULLSCREEN (unless, sort of, on native 4:3 videos - scrobble bar is available to use) */
/* THIS MEANS TO MANUALLY SKIP AROUND IN ANY VIDEO: ENTER FULLSCREEN, SKIP, THEN EXIT FULLSCREEN. ARROW KEYS STILL WORK */
/* BE WARY OF 4:3 ASPECT VIDEOS UPLOADED IN 16:9 FORMAT - STUPID HASSLE, PAIN MESSING WITH `TRANSFORM` ELEMENT BELOW; I APOLOGIZE (though I sorta think it's a fun game) */
.html5-video-player {
height: 1080 !important;
width: 1920 !important;
object-fit: fill !important;
display: block !important;
transform: scale(1.3333, 1.45) !important;
/* IMPORTANT!!
CHANGE FROM (1.3333, 1.45) TO (1.27, 1.45) FOR SLIGHTLY SQUISHED HORIZONTAL VID (a few milimeters on each side)
(1.0, 1.088) FOR WATCHING NATIVE 4:3 VIDEOS */
}
/* SEE COMMENTS BELOW FOR MORE INFO */
/* UNSURE WHAT TO DO TO MAKE CONTROLS FIT IN 4:3 VIDEO FRAME (how to go about separating the streamed video itself with the player controls?)
Elements? Idk where the plain [is-four-three-video_] tag is, otherwise I would use it to correct player controls issue
[is-four-three-to-sixteen-nine-video_]
[is-extra-wide-video_]
[full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy */
/* RELATED (elements I have used to try and fix said issue, checking every one individually)
.html5-video-container .ytp-exp-bottom-control-flexbox.ytp-modern-caption.ytp-livebadge-color.ytp-fit-cover-video.ytp-title-enable-channel-logo.ytp-fine-scrubbing-exp.ytp-embed.ytp-embed-playlist.playing-mode.ytp-xsmall-width-mode {
height:480px !important;
width: 360px !important;
} */
/* MITIGATION FOR ABOVE ISSUE - DISABLES GRADIENTS, SO THEY DON'T APPEAR WHILE IN 4:3 FRAME UPON HOVER */
.ytp-gradient-bottom, .ytp-gradient-top {
display:none !important;
}
/* SUBSCRIBE BUTTON MAY HAVE YOUTUBE LOGO WITHIN IT FOR A FEW SECONDS WHILE IT LOADS, IF IT DOES NOT GO AWAY, REFRESH - STARTUBE ISSUE WITH 2008 LAYOUT AS OF 04/21/25 */
[stargazer-sub] .oz_frame .yt-uix-button-subscribe-branded, [stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded, .st-stargazer-sub .yt-uix-button-subscribe-branded, .st-stargazer-sub .yt-uix-button-subscribed-branded, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribe-branded, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribed-branded {
height: 16px !important;
width: 110px !important;
}
[stargazer-sub] .oz_frame .yt-uix-button-subscribe-branded, [stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded, .st-stargazer-sub .yt-uix-button-subscribe-branded, .st-stargazer-sub .yt-uix-button-subscribed-branded, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribe-branded, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribed-branded {
background: linear-gradient(to top,#e47e00,#ff9900) !important;
border: 1px solid #e3a359 !important;
}
[stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded { /* glitch with subscribed channels, off-center very slightly */
text-align: center !important;
margin-left: 12px !important;
margin-top: -7px !important;
}
[stargazer-sub] .oz_frame .yt-uix-button-subscribe-branded .yt-uix-button-content span, [stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded .yt-uix-button-content span, .st-stargazer-sub .yt-uix-button-subscribe-branded .yt-uix-button-content span, .st-stargazer-sub .yt-uix-button-subscribed-branded .yt-uix-button-content span, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribe-branded .yt-uix-button-content span, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribed-branded .yt-uix-button-content span {
color: white !important;
position: absolute !important;
text-align: center !important;
margin-left: 12px !important;
margin-top: -7px !important;
}
[stargazer-sub] .oz_frame .yt-uix-button-subscribe-branded:hover, [stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded:hover, .st-stargazer-sub .yt-uix-button-subscribe-branded:hover, .st-stargazer-sub .yt-uix-button-subscribed-branded:hover, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribe-branded:hover, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribed-branded:hover, .stargazer-yellow-button:hover {
background: linear-gradient(to top,#e47e00,#ff9900) !important;
border: 1px solid #e3a359 !important;
}
[stargazer-sub] .oz_frame .yt-uix-button-subscribe-branded:hover span span, [stargazer-sub] .oz_frame .yt-uix-button-subscribed-branded:hover span span, .st-stargazer-sub .yt-uix-button-subscribe-branded:hover span span, .st-stargazer-sub .yt-uix-button-subscribed-branded:hover span span, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribe-branded:hover span span, [stargazer-sub] #page:not(.watch) .yt-uix-button-subscribed-branded:hover span span {
text-decoration: none !important;
color: black !Important;
}
[exp-aozora-comments] .distiller_yt-post_comment_section .entries .contents > .continuation_item_wrapper .jfk-button span, [exp-aozora-comments] .profileLink, [exp-aozora-comments] .distiller_yt-post_comment_section .link_action .link_action_text, [exp-aozora-comments] :hover .run > .proflinkWrapper > .proflinkPrefix, [exp-aozora-comments] :hover .run > .proflinkWrapper > .ot-hashtag, [exp-aozora-comments] :hover .run > .proflinkWrapper > .proflink, [exp-aozora-comments] .proflinkPrefix, [exp-aozora-comments] .ot-hashtag, [exp-aozora-comments] .proflink, [exp-aozora-comments] .distiller_yt-thread_user-content .run-link, [exp-aozora-comments] .load-more-link {
color: #03c !important; /*
text-decoration: underline; */
font-weight: bold;
}
.branded-page-v2-secondary-col .branded-page-box {
display: always !important; /* DISAPPEARS HALF THE TIME ANYWAY - STARTUBE ISSUE */
}
/* NOT NEEDED
.html5-video-container {
margin-left: -80px;
}*/
/* PLAYLIST SECTION */
/* THIS IS NOT MY CODE - SUPPORT THEM */
/* thxdeeply on Github - "StarTube Early 2011 Aozora Tweaks" */
/* https://userstyles.world/style/18439/startube-early-2011-aozora-tweaks */
/* Any code with `!important` is an alteration of the original code */
.playlist #watch7-playlist-bar-controls, .playlist .watch7-playlist-bar-left .title, .playlist .watch7-playlist-bar-left .yt-user-name:hover, .playlist .watch7-playlist-bar-notifications {
color: #000;
}
#watch7-playlist-tray .playlist-bar-item-playing {
border-color: #d1e1fa;
background: #d1e1fa;
}
#watch7-playlist-tray .video-list-item {
background: #fff;
border-top: 0;
border-bottom: 0;
text-shadow: none;
}
#watch7-playlist-tray .playlist-bar-item-playing .stat, #watch7-playlist-tray .video-list-item .title {
color: #03c;
}
#watch7-playlist-tray .video-list-item .title {
font-weight: normal;
font-size: 13px;
}
#watch7-playlist-bar-controls {
border-left: none !important;
background: #eeeeee;
}
.watch7-playlist-bar-left {
color: #000;
background: #eeeeee;
}
.watch7-playlist-bar-notifications {
color: #000;
background: #eeeeee;
}
.watch7-playlist-bar-secondary-controls {
color: #000;
background: #eeeeee;
}
.watch7-playlist-bar {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin-right: 153px !important;
}
.watch7-playlist-bar-left {
border-left: 1px solid #cccccc;
}
.watch7-playlist-bar-right {
border-right: 1px solid #cccccc;
}
a.spf-link:focus {
background-color: #d1e1fa;
}
#watch7-playlist-tray .video-list-item a:hover {
background: #d1e1fa;
}
.watch7-playlist-bar-right {
position: fixed !important;
padding-left: 533px !important;
}
.watch7-playlist-bar-left, .watch7-playlist-bar {
height: 23px;
line-height: 23px;
}
.watch7-playlist-bar-secondary-controls {
height: 23px;
line-height: 23px;
padding-right: 10px !important;
}
#watch7-playlist-bar-controls {
height: 23px;
line-height: 23px;
max-width: 900px !important;
padding-left: 0px !important;
margin-left: -100px !important;
}
.watch7-playlist-bar-left, .watch7-playlist-bar-right, .watch7-playlist-bar {
margin-left: 8px !important;
}
.watch7-playlist-bar-secondary-controls {
padding: 0 0;
}
.playlist .watch7-playlist-bar-left .title {
font-size: 14px;
font-weight: bold;
}
.playlist .paused .watch7-playlist-bar-notifications, .playlist .watch7-playlist-bar-left .yt-user-name {
color: #000;
}
.yt-uix-button-icon-playlist-bar-prev, .rtl .yt-uix-button-icon-playlist-bar-next {
background: no-repeat url(https://raw...