Set (resize) Height Width Of HTML5 Video Using CSS In ASP.Net

logo حضرت خواجہ سیدنا معین الدین حسن چشتی سنجاری اجمیری رحمۃ اللہ علیہ logo
  • 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
  • Click to Login.
Search Ask Question Set (resize) Height Width of HTML5 Video using CSS in ASP.Net RichardSa RichardS...
  • SOLVED CLOSED ACTIVE ANSWERED
  • 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> Download FREE API for Word, Excel and PDF in ASP.Net dharmendr 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 Question Image

Company

  • About us
  • Contact us

Explore

  • Ask question
  • FAQs
  • Privacy policy

Follow us

  • Facebook
  • Instagram
  • YouTube
  • Twitter

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 Reject

Từ khóa » Html5 Video Scale To Fit Div