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

Show file tree
Hide file tree
Changes from all commits
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
1,636 changes: 900 additions & 736 deletions build/ableplayer.dist.js
View file
Open in desktop

Large diffs are not rendered by default.

1,887 changes: 995 additions & 892 deletions build/ableplayer.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/ableplayer.min.css
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions build/ableplayer.min.js
View file
Open in desktop

Large diffs are not rendered by default.

1,797 changes: 930 additions & 867 deletions build/separate-dompurify/ableplayer.dist.js
View file
Open in desktop

Large diffs are not rendered by default.

1,799 changes: 931 additions & 868 deletions build/separate-dompurify/ableplayer.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion build/separate-dompurify/ableplayer.min.js
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions build/separate-dompurify/purify.min.js
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion demos/other-noa11y.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ <h1>Able Player with no HTML tracks<br/>(don't do this)</h1>
</div>

<h2>YouTube Player with no Captions</h2>
<p>This also makes relatively little sense, but it would be nice if it worked.</p>
<p>This also makes relatively little sense, but at least your videos can have a consistent interface.</p>

<div class="wrapper">
<video id="video1" data-able-player preload="auto" data-youtube-nocookie="true" data-youtube-nocookie="true" data-youtube-id="G5M1mdiEesw" playsinline></video>
Expand Down
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
2 changes: 1 addition & 1 deletion demos/video5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<link rel="stylesheet" href="../build/ableplayer.min.css" type="text/css"/>

<!-- Able Player JavaScript -->
<script src="../build/ableplayer.js"></script>
<script src="../build/ableplayer.dist.js"></script>

<!-- CSS for this example -->
<style>
Expand Down