프프프

YouTube

2개 발견
  1. 2016.10.31 - 진징

    유튜브 재생 제어
  2. 2016.10.19 - 진징

    <iframe>으로 올린 유투브 동영상 z-index 문제

유튜브 재생 제어

2016. 10. 31. 10:30 - 진징
1
2
3
4
5
6
7
8
9
// 유투브영상 재생
function btnOpenVideo() {
    $("#vedio").attr("src","https://www.youtube.com/embed/aaaaaa?autoplay=1");
    $(".ytp-large-play-button").trigger('click');
}
// 재생 종료
function btnCloseVideo() {
    $("#vedio").attr("src","https://www.youtube.com/embed/aaaaaa?autoplay=0");
}
cs


'Front > JavaScript' 카테고리의 다른 글

HTML5 TABLE 접근성  (0) 2016.11.11
변수 추가하기  (0) 2016.11.09
이벤트 버블링  (0) 2016.10.28
레이어팝업 위치조정, 초점처리(for웹접근성)  (0) 2016.10.17
스크롤 이동  (0) 2016.10.11
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/JavaScript 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

<iframe>으로 올린 유투브 동영상 z-index 문제

2016. 10. 19. 16:36 - 진징

<iframe>으로 올린 유투브 동영상 유투브 동영상이 화면위로 뚫고 올라오는 경우

z-index로도 안먹히는 경우

 

&wmode=opaque"

속성이 지정되어 있는경우?대신 &를 넣어준다.

?wmode=opaque"

 

 

<iframe width="640" height="360" src="http://www.youtube.com/embed/6eH05-QYjz4?feature=player_detailpage&wmode=opaque" frameborder="0" allowfullscreen></iframe>

[출처] <iframe>으로 올린 유투브 동영상 z-index 문제|작성자 미투마켓


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function iframeVideo() {
   $('iframe').each(function() {
      var url = $(this).attr("src");
 
      if ($(this).attr("src").indexOf("?") > 0) {
         $(this).attr({
            "src": url + "&wmode=transparent",
            "wmode": "Opaque"
         });
      } else {
         $(this).attr({
            "src": url + "?wmode=transparent",
            "wmode": "Opaque"
         });
      }
   });
}
cs


'Front > HTML&CSS' 카테고리의 다른 글

반응형 박스  (0) 2016.10.31
[IE] table 요소에 position과 background 사용 주의  (0) 2016.10.26
<!doctype>  (0) 2016.05.03
말 줄임  (0) 2016.05.02
가로세로 비율을 유지하는 반응형 박스  (0) 2016.04.26
댓글 로드 중…

트랙백을 확인할 수 있습니다

URL을 배껴둬서 트랙백을 보낼 수 있습니다

카테고리의 다른 글 목록

Front/HTML&CSS 카테고리의 다른 글을 둘러봅니다 프프프의 모든 글을 둘러봅니다

티스토리툴바