온라인에서 HTML <video> 요소 만들기
HTML Video 생성기는 MP4 <source>가 포함된 <video> 요소를 만듭니다. 동영상 위치를 입력하고 로딩과 재생 설정을 선택하며 필요하면 재생 영역을 지정하세요. 미리 보기, HTML 출력 및 C# 출력이 함께 업데이트됩니다.
Video 생성기 옵션
- **Source (MP4)**는 자식
<source>요소에서 사용할 URL 또는 상대 경로를 설정합니다. - Preload는 브라우저에 로딩 힌트로
auto,metadata또는none을 추가합니다. - Width와 Height는 값이 입력된 경우 동영상 재생 영역의 크기를 CSS 픽셀로 설정합니다.
- Autoplay, Controls, Loop 및 Muted는 해당 불리언 특성을
<video>요소에 추가합니다.
미리 보기에서는 브라우저가 접근하고 디코딩할 수 있는 동영상만 재생할 수 있습니다. 상대 소스는 생성기 페이지 URL을 기준으로 해석됩니다.
C#에서 HTML <video> 요소 만들기
위의 HTML Code 패널에는 설정한 <video> 마크업이 표시됩니다. 아래의 C# Code 패널은
Aspose.HTML for .NET
으로 같은 요소와 MP4 소스를 만듭니다.
HTMLDocument를 만들고Document.CreateElement()로<video>요소를 만듭니다.Element.SetAttribute()로 선택한 로딩, 재생 및 크기 값을 적용합니다.- MP4 리소스용
<source>요소를 만들고Node.AppendChild()로 video 요소에 추가합니다. - video 요소를 문서 본문에 추가하고
HTMLDocument.Save()로video.html을 저장합니다.
먼저 동영상을 설정한 다음 업데이트된 C# 코드를 .NET 프로젝트에 복사하세요.
HTML Video 생성기 FAQ
1. 미리 보기에서 동영상이 재생되지 않는 이유는 무엇인가요?
MP4 URL 또는 상대 경로가 브라우저에서 접근 가능한 리소스로 해석되어야 하며 브라우저가 MP4 컨테이너의 코덱을 지원해야 합니다. 플레이어가 비어 있거나 지원되지 않는 소스를 표시하면 해석된 URL, 서버 응답 및 코덱 호환성을 확인하세요.
2. Autoplay를 사용해도 동영상이 일시 정지된 상태인 이유는 무엇인가요?
브라우저는 소리가 있는 동영상의 자동 재생을 일반적으로 차단합니다. 자동 재생이 필요하면 Muted를 사용하세요. 다만 브라우저 정책과 사용자 환경 설정에 따라 자동 재생이 계속 제한될 수 있습니다.
3. Preload는 브라우저가 다운로드하는 동영상 데이터의 양을 보장하나요?
보장하지 않습니다. preload 특성은 브라우저에 제공하는 힌트입니다. none은 미리 로드를 줄이고 metadata는 기본 미디어 정보를 요청하며 auto는 더 많은 데이터 수신을 허용하지만 브라우저는 네트워크 상태나 데이터 절약 설정에 따라 다르게 동작할 수 있습니다.
4. 선택한 너비와 높이의 가로세로 비율이 동영상과 다르면 어떻게 되나요?
너비와 높이는 재생 영역을 정의합니다. 브라우저는 일반적으로 그 영역 안에서 미디어의 고유 가로세로 비율을 유지하므로 좌우나 위아래에 빈 공간이 생길 수 있습니다. 고정 크기가 필요하지 않으면 하나 또는 두 값을 모두 비워 두세요.
5. 생성기가 MP4 파일을 업로드하거나 호스팅하거나 변환하나요?
그렇지 않습니다. 생성기는 입력한 소스를 참조하는 HTML과 C# 코드만 만듭니다. 동영상 파일은 해당 URL 또는 상대 경로에서 이미 사용할 수 있어야 하며 지원할 브라우저에 맞는 방식으로 인코딩되어야 합니다.
Aspose.HTML for .NET 설치
.NET CLI를 사용하여 NuGet에서 Aspose.HTML for .NET 을 설치합니다.
dotnet add package Aspose.HTML
NuGet 패키지 관리자 UI를 사용하거나 패키지 관리자 콘솔에서 Install-Package Aspose.HTML을 실행할 수도 있습니다. 설정 방법은
설치 가이드
를 참조하세요. 평가 제한 없이 API를 테스트하려면
임시 라이선스
를 요청할 수 있습니다.
관련 HTML 생성기
전용 생성기로 다른 HTML 구조와 요소를 만들 수 있습니다.