고정 헤더 영역
 |
 |
 |
 |
 |
 |
 |
상세 컨텐츠
본문
반응형
아래의 코드에서 'VIDEO_ID_HERE'를 실제 유튜브 동영상의 ID로 대체해야 합니다.
유튜브 동영상의 ID는 동영상 URL에서 확인할 수 있습니다.
예를 들어, " https://www.youtube.com/watch?v=VIDEO_ID_HERE "와 같은 URL에
'VIDEO_ID_HERE' 부분이 동영상의 ID입니다.
아래 코드는 YouTube 플레이어 API를 사용하여 유튜브 동영상을 HTML 페이지에 삽입하고, 플레이어가 준비되면 동영상을 자동으로 재생하고 볼륨을 50으로 설정합니다.
이 코드를 PHP 파일로 저장하고 웹 브라우저에서 해당 PHP 파일을 열면 됩니다^^
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<!DOCTYPE html>
<html>
<head>
<script src="https://www.youtube.com/iframe_api"></script>
<style>
#player {
width: 640px;
height: 360px;
}
</style>
</head>
<body>
<div id="player"></div>
<script>
// 유튜브 플레이어 API가 로드되면 onYouTubeIframeAPIReady 함수를 호출합니다.
function onYouTubeIframeAPIReady() {
// 플레이어 인스턴스를 생성합니다.
var player = new YT.Player('player', {
height: '360',
width: '640',
videoId: 'VIDEO_ID_HERE', // 여기에 재생할 유튜브 동영상의 ID를 입력하세요.
events: {
'onReady': onPlayerReady
}
});
}
function onPlayerReady(event) {
// 플레이어가 준비되면 실행할 코드를 작성합니다.
event.target.playVideo(); // 동영상을 자동으로 재생합니다.
event.target.setVolume(50); // 볼륨을 50으로 설정합니다.
}
</script>
</body>
</html>
|
cs |
참고로 저 동해둘리가 직접 운영하는 '성공하는 중이다' 카페를 소개드립니다.
각자의 분야에서 성공을 향해 가는 과정에서 힘이되는 이야기, 힘이되는 사진, 성공스토리, 실패스토리 등을 나누고자 합니다. 많은 참여 부탁드려요
https://cafe.naver.com/ingsuccess
성공하는 중이다 : 네이버 카페
성공을 위해 실패를 두려워하지 않는 분들의 이야기를 나누고 싶습니다. 우리는 성공하는 중이니까요!
cafe.naver.com
반응형
댓글 영역