[CSS] YouTube 동영상의 시작 화면 / 자리 표시 자 이미지를 추가하는 방법 [마감]
CSSYouTube 동영상의 시작 화면 / 자리 표시 자 이미지를 추가하는 방법 [마감]
해결법
-
1.그것은 꽤 똑바로 앞으로 일이 뭔가를 시도해야합니다 :
그것은 꽤 똑바로 앞으로 일이 뭔가를 시도해야합니다 :
<img src="placeholder.jpg" data-video="http://www.youtube.com/embed/zP_D_YKnwi0">
$('img').click(function(){ var video = '<iframe src="'+ $(this).attr('data-video') +'"></iframe>'; $(this).replaceWith(video); });
데모 : http://jsfiddle.net/2fAxv/1/
유튜브 비디오를 들어, 이미지를 클릭했을 때 그들을 재생하려는 경우 URL에 & 자동 재생 = 1을 추가합니다.
from https://stackoverflow.com/questions/13725683/how-to-add-a-splash-screen-placeholder-image-for-a-youtube-video by cc-by-sa and MIT license
'CSS' 카테고리의 다른 글
[CSS] 터치 스크린 장치에서 터치에서와 onClick 이벤트를 사용할 수 있습니까? (0) | 2020.11.13 |
---|---|
[CSS] SVG의 이미지와 CSS 커서 포인터 (0) | 2020.11.10 |
[CSS] 요소의 모든 CSS를 얻는 방법 (0) | 2020.11.10 |
[CSS] MINMAX 실패 (잘못된 속성 값) (0) | 2020.11.10 |
[CSS] 왜 특정 CSS 속성은 적용되지 않습니다 : 방문? [복제] (0) | 2020.11.10 |