마우스를 올려도 "youtube"상단의 막대를 숨기는 방법은 무엇입니까?
YouTube 동영상을 삽입하려고하는데 마우스가 위에있을 때 상단의 막대가 표시되지 않도록하는 방법을 찾지 못했습니다. 제 목적을 위해 사용자가 비디오를 다시 볼 수있는 원본 비디오에 대한 직접 링크를 가질 수 없다는 것이 중요합니다. 다음 링크는 YouTube 내 삽입 기능에 대한 명령을 제공합니다.
https://developers.google.com/youtube/player_parameters#Overview
컨트롤 및 disablekb 기능을 사용하여 시청자가 동영상을 건너 뛰고 다시 재생할 수있는 기능을 제한했습니다. 이제 필요한 것은 동영상 상단에 표시되는 막대를 비활성화하는 것입니다.
( http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1 )
YouTube에서 showinfo매개 변수 를 더 이상 사용하지 않기 때문에이 답변은 더 이상 작동하지 않습니다 .
을 추가하여 내장 플레이어의 제목 표시 줄을 숨길 수 있습니다 &showinfo=0. 원본 비디오에 대한 모든 링크를 완전히 제거 할 수는 없습니다. 할 수있는 최선의 방법은 다음과 같습니다.
<iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
이 코드는 제목 표시 줄, 컨트롤의 YouTube 브랜딩, 컨트롤 ( delete controls=0컨트롤이 필요한 경우 선택 사항 )을 제거합니다. 그러나 비디오 링크가있는 비디오에는 흰색 YouTube 로고가 표시됩니다.
업데이트 1 : 사용자 지정 YouTube 내장 플레이어 코드를 생성하기 위해 만든 새로운 도구- 고급 YouTube 내장 코드 생성기
showinfo=02018 년 9 월 25 일 부터 지원 중단되었으므로 더 이상 작동하지 않습니다 .
https://developers.google.com/youtube/player_parameters#showinfo
다음은 나를 위해 작동합니다.
?rel=0&fs=0&showinfo=0
당신에게 튜브를 제거 controls하고 title당신은 이런 식으로 뭔가를 할 수 있습니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe>
showinfo=0제거하는 데 사용됩니다 제목 및 &controls=0제거에 사용되는 컨트롤 같은 볼륨 , 재생 , 일시 정지 , 소비 .
나를 위해 일한 이것을 시도해 볼 수 있습니다.
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe>
</div>
Bootstap을 사용한 반응 형 삽입
브라우저가 모든 장치에서 적절하게 확장되는 고유 비율을 생성하여 컨테이너 블록의 너비를 기반으로 비디오 또는 슬라이드 쇼 크기를 결정할 수 있도록합니다.
스타일 YouTube 동영상 :
- 유튜브 비디오를 선택하고 공유를 클릭 한 다음 퍼가기를 클릭합니다.
- 소스 코드를 선택하고 복사하십시오.
- verison = 3 www.youtube.com/embed/VIDEOID?rel=0?version=3 이후 수정 시작
- 각 항목 사이에 '&'를 추가해야합니다.
- 자동 재생의 경우 : "autoplay = 1"추가
- For 루프 : "loop = 1"추가
- 컨트롤 숨기기 : "controls = 0"추가
자세한 내용은 https://developers.google.com/youtube/player_parameters#autoplay 링크를 방문 하십시오.
감사합니다
BanyanTheme
YouTube 비디오를 엽니 다. 공유 옵션을 클릭하십시오. 공유 옵션에서 삽입 태그를 클릭하십시오. 임베드 태그에는 몇 가지 확인란이 있습니다. 비디오 제목 및 플레이어 작업 표시에서 선택 취소되었습니다. 그런 다음 프레임 태그를 복사하십시오.
<iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
'Nice programing' 카테고리의 다른 글
| 빌드 이벤트 명령 줄에 주석을 추가하는 올바른 방법은 무엇입니까? (0) | 2020.11.07 |
|---|---|
| 흐릿한 투명한 배경 효과 만들기 (0) | 2020.11.07 |
| Entity Framework Core에서 데이터베이스 자동 생성 (0) | 2020.11.07 |
| 이전 인터프리터 버전으로 인해 실패한 향후 기능 (__future__) 가져 오기를 정상적으로 처리하는 방법은 무엇입니까? (0) | 2020.11.07 |
| List (of object)를 List (of string)로 변환 (0) | 2020.11.07 |