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

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




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

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


이렇게 무식한 방법을 사용하는 이유는 "구글 크롬, 유투브 동영상 자동재생 차단해제 방법" 때문이고 온라인에 유투브블로그 배경을 구성하는 스크립터등이 화면전환이나 다른 페이지에 가리면 영상이 멈추거나 종료되는 일들이 많다.

그래서 상단 유투브 배경을 가장 무식하고 유투브에서 제공하는 iframe api를 사용할 수 밖에 없다.





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

*

*

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

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

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

이전 글

다음 글