Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 웹 페이지에 YouTube 동영상 추가


YouTuvbe에서 웹페이지로 쉽게 동영상을 가져올 수 있습니다. 동영상을 퍼가기만 하면 됩니다.

처음에는 비디오 ID를 가져옵니다 -

1단계 :동영상으로 이동하여 마우스 오른쪽 버튼을 클릭합니다. "괴짜 통계"를 선택하십시오 -

HTML 웹 페이지에 YouTube 동영상 추가

클릭하면 통계를 표시하는 다음 대화 상자가 나타납니다 -

HTML 웹 페이지에 YouTube 동영상 추가

위에서 비디오 ID가 F6m0ghjadlw인 것을 볼 수 있습니다. 이제 ID를 사용하여 동일한 비디오를 삽입합니다 -

예시

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server:</p>
   <iframe height="350" width="600"
      src="https://www.youtube.com/embed/F6m0ghjadlw">
   </iframe>
</body>
</html>

출력

다음은 웹 페이지에 YouTube 비디오를 성공적으로 포함했음을 표시하는 출력입니다. −

HTML 웹 페이지에 YouTube 동영상 추가

태그를 사용하여 동일한 결과를 얻을 수도 있습니다. 다음은 HTML 코드입니다 -

예시

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server (video uploaded using embed element):</p>
   <embed height="350" width="600" src="https://www.youtube.com/embed/F6m0ghjadlw">
</body>
</html>

출력

출력은 성공적으로 포함된 비디오를 표시합니다. −

HTML 웹 페이지에 YouTube 동영상 추가