Set (resize) Height Width Of HTML5 Video Using CSS In ASP.Net
Có thể bạn quan tâm
- HOME
- BLOGS
- ASP.Net C#.Net JavaScript ADO.Net Excel AJAX VB.Net SQL Server GridView Issues and Exceptions Silverlight Rich Text Editor jQuery DataList Snippets XML New Features .Net 4.0 TreeView AJAX Control Toolkit jQuery Plugins Third Party Controls ASP.Net Validators WCF Repeater Regular Expressions Yahoo API iTextSharp FaceBook Charts ListView Tweeter Google CSS SMS DotNetZip Crystal Reports Entity Framework HyperLink RDLC Report SqlDataSource Menu YouTube Twitter HTML XmlDataSource ListBox Tips DataGridView Cryptography Windows Forms LinkedIn WebUserControl RSS Feeds HTML5 Sitemap IIS LINQ DataPager URL Routing SqlBulkCopy OCR ASP.Net 4.5 Master Pages MySQL CSV Stored Procedures JSON Web Services Bootstrap Windows Service DataTable App.Config Visual Studio RadioButton CheckBox Generic Handler DropDownList FileUpload RadioButtonList CheckBoxList Flash HtmlEditorExtender Div Table AngularJS DataReader DataSet Console Applications FTP DetailsView Password TextBox Enum ComboBox Sponsored SqlDataAdapter OpenXml ClosedXml SiteMapPath Arrays FormView
- FORUMS
- Questions
- Ask Question
- VIDEOS
- SEARCH
- INTERVIEW
- Interview Questions
- COMMUNITY
- Users
- CONTACT
- SOLVED
- User: RichardSa
- Posted: on Jul 28, 2021 01:03 AM
- Forum: HTML and CSS
- Answer: 1
- Views: 4522
I added two videos to my web page but one of the video seems to be too large and coverts half of the page.
The other video is okay. please forum how can I resize video in the video frame to fit in well on the page?
I have tried everything but maybe the video type is large
HTML
<div style="max-width: 90%; margin: auto; padding: 10px;"> <br /> <h5 style="color: #0d1a35; font-family: Tahoma; font-weight: bold; text-align:center;">MIRACULOUS SUPERLIFE STEM CELL(30) CURED THIS LADY FROM HIGH BLOOD PRESSURE</h5> <div class="col-sm-12"> <video id="VideoPlayer" src="<%=ResolveUrl("~/Videos/Superlife_STC30_stem_cell_therapy___Facebook.mp4")%>" controls="controls" autoplay="autoplay" loop="loop" muted defaultmuted playsinline /> <p style="font-size: 2.5vmin; width: 100%; color: #ff0000; font-weight: bold;">Lady who was diagnosed with High Blood Pressure; but SuperLife STC 30 has given her joy - she is cured from High Blood</p> </div> <hr /> </div> dharmend... 1 1- Reply
- ANSWER
- User: dharmendr
- Replied: on Jul 28, 2021 01:17 AM
- Report
Hi RichardSa,
Set the HTML5 Video width to 100% and height to auto.
<video id="VideoPlayer" width="100%" height="auto" src="<%=ResolveUrl("~/Videos/Superlife_STC30_stem_cell_therapy___Facebook.mp4")%>" controls="controls" autoplay="autoplay" loop="loop" muted defaultmuted playsinline /> I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html Ask QuestionCompany
- About us
- Contact us
Explore
- Ask question
- FAQs
- Privacy policy
Follow us
- YouTube
Contact Us
- Email: webmaster@aspsnippets.com
- Address: ASPSNIPPETS PRIVATE LIMITED G-110, SHAGUN ARCADE, MALAD (EAST), MUMBAI, MAHARASHTRA, INDIA 400097.
© COPYRIGHT 2024 ASPSnippets.com ALL RIGHTS RESERVED.
Disclaimer This site makes use of Cookies. Please refer Privacy Policy for more details. Allow RejectTừ khóa » Html5 Video Scale To Fit Div
-
HTML5 Video Scale Modes? - Stack Overflow
-
Fluid Width Video | CSS-Tricks
-
Search Code Snippets | Html5 Video Scale To Fit Div
-
Video Object-fit - CodePen
-
Responsive Video Resizing - Matt Smith
-
CSS Object-fit Property - W3Schools
-
Responsive Web Design Videos - W3Schools
-
Fit To Container Video/image In CSS (aspect Ratio Friendly) - Coderwall
-
Maintaining Aspect Ratios For HTML Videos With CSS - UsefulAngle
-
How To Set Height And Width Of Video In Html
-
Scale Html5 Video And Break Aspect Ratio To Fill Whole Site
-
How To Auto-resize An Image To Fit A Div Container Using CSS?
-
Object-fit - CSS: Cascading Style Sheets - MDN Web Docs - Mozilla
-
Html5 Video Scale To Fit Div Code Example - Newbedev