본문 바로가기

HTML156

HTML 유튜브(Youtube) HTML로 동영상을 재생하는 가장 쉬운 방법은 유튜브를 사용하는 것이다. 유튜브 비디오 아이디(Youtube Video Id) 동영상을 저장(또는 재생)할 때 YouTube에 ID(tgbNymZ7vqY 등)가 표시된다. 당신은 이 아이디를 사용할 수 있으며, HTML 코드에서 당신의 동영상을 참조할 수 있다. HTML에서 유튜브 재생하기 웹 페이지에서 비디오를 재생하려면 다음을 수행한다: 동영상을 YouTube에 업로드한다 비디오 ID를 기록한다 웹 페이지에서 요소 정의 src 특성이 비디오 URL을 가리킬 수 있다 너비 및 높이 속성을 사용하여 플레이어의 치수 지정 URL에 다른 매개 변수를 추가한다(아래 참조) 위의 코드를 실행한 결과 화면이다. 유튜브 비디오 아이디 찾기 아래 유튜브 주소에서 you.. 2023. 6. 22.
HTML 플러그인(Plug-ins) 플러그인은 브라우저의 표준 기능을 확장하는 컴퓨터 프로그램이다. HTML 플러그인(Plug-ins) 플러그인은 다양한 용도로 사용되도록 설계되었습니다: Java 애플릿을 실행하려면 마이크로소프트 ActiveX 컨트롤을 실행하려면 다음과 같이 하십시오 플래시 동영상을 표시하려면 지도를 표시하는 방법 바이러스를 검색하려면 은행 ID를 확인하려면 다음과 같이 하십시오 경고! 대부분의 브라우저는 더 이상 Java 애플릿 및 플러그인을 지원하지 않는다. ActiveX 컨트롤은 더 이상 브라우저에서 지원되지 않는다. Shockwave Flash에 대한 지원은 최신 브라우저에서도 해제되었다. 아래는 위의 코드를 실행한 결과화면이다. HTML 요소 요소는 모든 주요 브라우저에서 지원된다. 또한 요소는 HTML 문서 내.. 2023. 6. 21.
HTML 오디오(Audio) HTML 요소는 웹 페이지에서 오디오 파일을 재생하는 데 사용된다. HTML 오디오 동작 방식 컨트롤 속성은 재생, 일시 중지 및 볼륨과 같은 오디오 컨트롤을 추가한다. 요소를 사용하면 브라우저가 선택할 수 있는 대체 오디오 파일을 지정할 수 있다. 브라우저는 인식된 첫 번째 형식을 사용한다. 태그와 태그 사이의 텍스트는 요소를 지원하지 않는 브라우저에서만 표시된다. HTML Audio autoplay 오디오 파일을 자동으로 시작하려면 autoplay 속성을 사용한다: 아래는 autoplay 속성을 활용한 예제이다. 브라우저가 오디오 요소를 지원하지 않습니다. 아래 그림은 결과화면이다. HTML 오디오 muted 자동 재생 후 음소거를 추가하여 오디오 파일이 자동으로 재생되도록 합니다(단 음소거됨): 브.. 2023. 6. 20.
HTML 비디오(HTML Video) HTML 요소는 웹 페이지에 비디오를 표시하는 데 사용됩니다. HTML 요소 HTML로 비디오를 표시하려면 요소를 사용한다: 브라우저가 비디오 태그를 지원하지 않습니다. 위의 코드를 실행한 결과물이 아래 그림이다. HTML 비디오 동작 방식 control 속성은 재생, 일시 중지 및 볼륨과 같은 비디오 컨트롤을 추가한다. 항상 width 및 height 속성을 포함하는 것이 좋다. 높이와 너비를 설정하지 않으면 비디오를 로드하는 동안 페이지가 깜박일 수 있다. 요소를 사용하면 브라우저가 선택할 수 있는 대체 비디오 파일을 지정할 수 있다. 브라우저는 인식된 첫 번째 형식을 사용한다. 태그와 태그 사이의 텍스트는 요소를 지원하지 않는 브라우저에서만 표시된다. HTML 자동재행(autoplay) 비디오를 자.. 2023. 6. 19.