블로그 페이지 타이틀, 동영상 플레이어를 랜덤하게 보여주는 방법

블로그 페이지 타이틀, 동영상 플레이어를 랜덤하게 보여주는 방법




동영상을 이용한 사이트 & 블로그에서 활용하시면 됩니다. 

본문과 관련한 질문은 사절하겠습니다. 메일 보내지 마세요 ^^;




2018년 05월 24일, 

작성된 "HTML5 Video 태그를 이용한 블로그 상단 이미지 변경 테스트"의 글에서  HTML5 Video 태그를 이용하여 현재 블로그 페이지 타이틀에 동영상 플레이어를 추가하려다 실패하고 YouTube  iframe_api 를 이용한 동영상으로 대체한 적이 있다.


결국, 

유투브의 4K 동영상 중에 Youtube 광고자막이 없는 영상을 선별하여 블로그 페이지 타이틀을 12개의 동영상으로 구성한다.


처음에는 아름다움 꽃 동영상 하나만 플레이를 시키다보니 살짝 지겨운 느낌이 오길래..., 


2017년 10월 9일, 

공개한 "티스토리 첫페이지 랜덤하게 접속되게 하는 방법"을 이용하여 페이지 타이틀을 랜덤하게 구성해 본다. 

쪼금..., 났네 ^^;



참고, 

영상의 해상도는 최소: 800px 화면이 작거나 최대: 2100px 보다 크게 되면 숨김처리 되거나 blank처리 됩니다.

배경화면을 유투브를 이용하는 경우, 사운드를 끄는 옵션이 없다. 

이때 "유투브를 이용한 배경화면의 사운드를 끄는 방법"을 참고하면 된다.



랜덤하게 구성하는 여러방법 중, 이 곳에서 사용하는 방법을 공개합니다.



<script language="javascript"> 

var ran = new Array(

"./ooppa-Video-01",

"./ooppa-Video-02",

"./ooppa-Video-03",

"./ooppa-Video-04",

"./ooppa-Video-05",

"./ooppa-Video-06",

"./ooppa-Video-07",

"./ooppa-Video-08",

"./ooppa-Video-09",

"./ooppa-Video-10",

"./ooppa-Video-11",

"./ooppa-Video-12"

); 


var frameNo = Math.floor(Math.random()*ran.length); 

location.replace(ran[frameNo]); 

</script>






묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것도 없었다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 4

*

*

사진첨부

    • 저는 바닷가 사진 두장이 좋네요~ +_+
      저기 누워서 막걸리 드링킹 해봤으면.. ㅎㅎ;

    • 바닷가 사진이 상단에 뜨면 한참을 들여다보는데..,
      정신이 나갈것 같아요 @@

      아~ 이래서 바닷가 인근에 아파트 사는사람들이 우울증이 많이 걸리나 싶어요 ^^; ㅋㅋㅋ

이전 글

다음 글