[css] i- 프레임을 통한 YouTube 비디오 내장 z- 인덱스를 무시 하시겠습니까?

Joshc 의 대답은 올바른 궤도에 있었지만 ?rel=0쿼리 문자열을 완전히 삭제하고 ?wmode=transparent항목으로 대체 한다는 것을 알았습니다. 이는 원래 재생하지 않아도 재생이 끝날 때 YouTube 추천 동영상 목록을 표시하는 효과가 있습니다. 이 일이 일어나길 원하지 않습니다.

그래서 나는 코드를 변경 src임베디드 비디오의 속성은 물음표가 있는지 먼저 스캔 ?이 기존의 쿼리 문자열의 존재 의미하기 때문에 (이미 거기에 수 같은 수 ?rel=0있지만, 이론적으로 수를 앞으로 YouTube에서 추가하기로 선택한 것). 검색어 문자열이 이미있는 경우 YouTube 동영상에 붙여 넣은 사람이 선택한 설정을 나타내며이를 이유로 이유를 선택했기 때문에 삭제하지 않고 보존하려고합니다.

따라서 ?찾은 경우 wmode=transparent: &mode=transparent는 기존 형식의 쿼리 문자열 끝에 태그를 지정 하는 형식 : 을 사용하여 추가됩니다 .

?발견 되지 않으면 코드는 URL에 새 쿼리 문자열로 추가 되어 원래와 동일한 방식으로 ( toomanyairmiles 의 게시물에서) 작동 ?wmode=transparent합니다.

이제 YouTube URL의 끝에 쿼리 ​​문자열로 표시 될 수있는 항목과 그렇지 않은 항목에 관계없이이 URL은 유지되며 필요한 wmode매개 변수가 이전에 있던 항목에 영향을주지 않고 삽입되거나 추가됩니다.

document.ready함수에 포함 시킬 코드는 다음과 같습니다 .

$('iframe').each(function() {
  var url = $(this).attr("src");
  if (url.indexOf("?") > 0) {
    $(this).attr({
      "src" : url + "&wmode=transparent",
      "wmode" : "opaque"
    });
  }
  else {
    $(this).attr({
      "src" : url + "?wmode=transparent",
      "wmode" : "opaque"
    });
  }
});

답변

&wmode=Opaque

&wmode=transparent

<iframe id="videoIframe" width="500" height="281" src="http://www.youtube.com/embed/xxxxxx?rel=0&wmode=transparent" frameborder="0" allowfullscreen></iframe>

<iframe width="560" height="315" src="http://www.youtube.com/embed/QldZiR9eQ_0?rel=0" frameborder="0" allowfullscreen></iframe>

$('iframe').each( function() {
    var url = $(this).attr("src")
    $(this).attr({
        "src" : url.replace('?rel=0', '')+"?wmode=transparent",
        "wmode" : "Opaque"
    })
});

<iframe width="420" height="315" src="http://www.youtube.com/embed/C4I84Gy-cPI?wmode=transparent" frameborder="0" allowfullscreen>

<script type="text/javascript">
var frames = document.getElementsByTagName("iframe");
    for (var i = 0; i < frames.length; i++) {
        src = frames[i].src;
        if (src.indexOf('embed') != -1) {
        if (src.indexOf('?') != -1) {
            frames[i].src += "&wmode=transparent";
        } else {
            frames[i].src += "?wmode=transparent";
        }
    }
}
</script>