Result: Video UI fixed

This commit is contained in:
Deepak Salunke 2026-02-01 17:28:29 +05:30
parent 9ae4bf63b3
commit 673f576b06
2 changed files with 7 additions and 4 deletions

View file

@ -310,7 +310,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
text-align: center;
margin-bottom: -200px;*/
width: 75%;
width: 100%;
max-width: 500px;
margin: 0px auto 20px;
}
@ -730,6 +730,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
padding: 20px 0px;
text-align: center;
margin-bottom: -45%;*/
margin: 20px auto 20px;
}
.dog-record {
@ -816,6 +817,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
padding: 20px 0px;
text-align: center;
margin-bottom: -45%;*/
margin: 20px auto 20px;
}
.dog-record {
@ -893,6 +895,7 @@ input[type="text"], input[type="email"], input[type="password"], select {
padding: 20px 0px;
text-align: center;
margin-bottom: -45%;*/
margin: 20px auto 20px;
}
.dog-record {

View file

@ -19,9 +19,9 @@
<div class="body-container">
<div class="pets-text-logo"></div>
<!--<div class="pets-text-logo"></div>-->
<div class="title1">My Pet Love Song.</div>
<!--<div class="title1">My Pet Love Song.</div>-->
<!--<img class="dog-record" src="assets/images/dog-record.png" alt="Dog Record" />-->
@ -154,7 +154,7 @@
const recordContainer = document.querySelector('.record-container');
if (recordContainer && data.video_url) {
recordContainer.innerHTML = `
<video id="video-player" controls playsinline style="width: 100%; max-width: 400px; border-radius: 50%;">
<video id="video-player" controls playsinline style="width: 100%;">
<source src="${escapeHtml(data.video_url)}" type="video/mp4">
Your browser does not support the video tag.
</video>