Skip to content

Commit

Permalink
コメントアウトの改良とreadmeの内容更新
Browse files Browse the repository at this point in the history
  • Loading branch information
omitanc authored Feb 17, 2024
1 parent 817a239 commit 801fa99
Show file tree
Hide file tree
Showing 6 changed files with 16 additions and 76 deletions.
15 changes: 12 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,13 @@
youtube player ui cenceler chrome拡張機能
# YouTube player gui cenceler

usage
"p" キーを押してuiの表示/非表示を切り替え
## Description

YouTube player gui cenceler は、YouTubeのプレイヤー上に配置されている再生バーや各種ボタン、チャンネル登録ボタン、全画面時に上部に表示される動画タイトル等を非表示にできるChromeの拡張機能です。

## How to start to use?

editing...

## Usage

"p" キーを押してguiの表示/非表示を切り替え
7 changes: 1 addition & 6 deletions background.js
Original file line number Diff line number Diff line change
@@ -1,9 +1,4 @@
chrome.action.onClicked.addListener(function(tab) {
// ここにアイコンクリック時の動作を実装します
// 例: ポップアップを表示する、特定のページに移動するなど
});
/*
chrome.runtime.onInstalled.addListener(() => {
console.log("YouTube Video Enhancer has been installed.");
});
*/
});
20 changes: 1 addition & 19 deletions content.js
Original file line number Diff line number Diff line change
@@ -1,23 +1,5 @@
// contentScript.js
/*
document.addEventListener('DOMContentLoaded', function() {
// 再生バーの要素を取得
const controlBar = document.querySelector('.ytp-chrome-bottom');
if (controlBar) {
// プレイヤーの外側に再生バーを配置
controlBar.style.position = 'fixed';
controlBar.style.bottom = '0';
controlBar.style.width = '100%';
}
});
*/

// JavaScript
document.addEventListener('keydown', function(event) {
if (event.key === 'p') {
document.body.classList.toggle('youtube-extension-active');
}
});


});
2 changes: 1 addition & 1 deletion manifest.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"manifest_version": 3,
"name": "YouTube GUI Canceler",
"name": "YTP UI CANCELER",
"version": "1.0.3",
"description": "This extension is useful for screen captures.",
"permissions": ["activeTab"],
Expand Down
2 changes: 1 addition & 1 deletion popup.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
</head>
<body>
<div class="popup-content">
<h1>YouTube GUI Canceler</h1>
<h1>YTP UI CANCELER</h1>
<p>This extension is useful when recording youtube screens with capture software, etc. By pressing the P key, you can hide the playback bar on the player, the channel icons in the lower right corner, etc.</p>
<ul>
<li>Press "P" key to turn on/off the GUI</li>
Expand Down
46 changes: 0 additions & 46 deletions styles.css
Original file line number Diff line number Diff line change
@@ -1,48 +1,3 @@
/*.ytp-chrome-bottom,
.ytp-gradient-bottom,
.ytp-chrome-top,
.ytp-pause-overlay,
.ytp-cards-button,
.ytp-cards-teaser {
display: none !important;
}
.ytp-chrome-controls .ytp-left-controls,
.ytp-chrome-controls .ytp-progress-bar-container {
display: none;
}
.ytp-chrome-bottom {
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
}
.ytp-chrome-controls .ytp-right-controls {
position: absolute;
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
}
.ytp-chrome-controls .ytp-right-controls > button:not(.ytp-settings-button) {
display: none;
}
.ytp-settings-button {
display: block !important;
opacity: 1 !important;
}
*/


.youtube-extension-active .ytp-chrome-bottom,
.youtube-extension-active .ytp-chrome-top,
.youtube-extension-active .ytp-pause-overlay,
Expand All @@ -68,7 +23,6 @@
}



.popup-content {
width: 300px;
padding: 10px;
Expand Down

0 comments on commit 801fa99

Please sign in to comment.