블로그(티스토리) 사이트 배경음악 넣기 3# 세번째

세번째. 포스팅에 앞서 첫번째. 두번째. 포스팅을 정독하기 바란다.

블로그(티스토리) 사이트 배경음악 넣기 1# 첫번째

블로그(티스토리) 사이트 배경음악 넣기 2# 두번째

BGM을 다운받을수 있는 사이트부터

BGM을 업데이트하는 방법을 알려주었다.

이제 최종 적용하는 방법을 알아보도록 한다.

먼저 시작 전 준비물이 있다.

두번째 포스팅에 BGM을 업데이트했던 파일의 [링크소스]를 준비하는것이다.

ex)

http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3

http://cfs.tistory.com/custom/blog/222/2221238/skin/images/Stay%20With%20Me.mp3

(파일을 업데이트하여 생성된 링크소스)

사운드를 적용하기 위해, HTML소스 두가지가 있다.

ⓐ. bgsound

bgsound 소스를 사용할 경우 인터넷 익스플로러에서만 작동가능하다.

<bgsound src="링크소스" loop="반복횟수">

loop = -1 경우 무한반복

적용예제1

<bgsound src="http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3

" loop="-1">

테스트 하기

ⓑ. embed

embed 소스를 사용할 경우 익스플로러, 사파리, 크롬에서만 작동가능하다.

(*embed mp3파일 링크할 경우 미디어 플레이어가 보여진다.)

<embed src="링크주소" loop="true(무한반복)/false(한번재생) hidden="true(플레이어 숨기기)/false(플레이어 보임)"

적용예제2

<embed src="http://board-3.blueweb.co.kr/user/pritaa/data/sound/Stay%20With%20Me.mp3" autostart="true" loop="true" hidden="true">

테스트 하기

최종 적용하기

사이트 경우 HTML 코드에 적용예제1,2 둘중 

아무거나 한가지 소스를 넣어주기만하면 된다.

티스토리(블로그) 경우도 마찬가지이다.

하단에 이미지를 통해 알아보도록 하겠다.

적용된 블로그에 테스트 영상

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.