Skip to content

Merge changes from demos & build into main #716

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
joedolson merged 4 commits into from
Jan 10, 2026
Merged

Merge changes from demos & build into main #716

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e6d24bd
Update video5.html
joedolson Jan 10, 2026
21cc20d
Styling fixes for search2
joedolson Jan 10, 2026
1d813f5
Text fix now that YouTube is supported without captions
joedolson Jan 10, 2026
39e9367
Commit build files
joedolson Jan 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Styling fixes for search2
  • Loading branch information
@joedolson
joedolson committed Jan 10, 2026
commit 21cc20d0885b02e2bd656d650240cb918f5a5617
21 changes: 11 additions & 10 deletions demos/search2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,7 @@
#search {
border: 2px solid #340449;
padding: 0.5em;
background-color: #FFC;
max-width: 60em;
background-color: #ffc;
margin-bottom: 1em;
}

Expand All @@ -35,6 +34,11 @@
font-weight: bold;
}

#search div:nth-of-type(1) label,
#search div:nth-of-type(2) label {
display: block;
}

#search input,
#search select,
#search button {
Expand All @@ -46,16 +50,13 @@
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
width: 1280px;
max-width: 1280px;
gap: 20px;
padding: 1rem;
}

#player {
width: 45%;
max-width: 500px;
}

#results-wrapper {
height: 700px;
width: 45%;
Expand Down Expand Up @@ -115,11 +116,11 @@ <h1>Video player with search (client-side)</h1>

<div id="search">
<div>
<label for="terms">Search:</label>
<label for="terms">Search Term</label>
<input type="text" id="terms">
</div>
<div>
<label for="lang">Language:</label>
<label for="lang">Language</label>
<select id="lang">
<option value="en">English</option>
<option lang="de" value="de">Deutsche</option>
Expand All @@ -128,11 +129,11 @@ <h1>Video player with search (client-side)</h1>
</select>
</div>
<div>
<label for="ignorecaps">Ignore Capitalization:</label>
<label for="ignorecaps">Ignore Capitalization</label>
<input type="checkbox" id="ignorecaps">
</div>
<div>
<button type="button" id="go">Go</button>
<button type="button" id="go">Search</button>
</div>
</div>

Expand Down