잘 알려진 플러그인이이 문제와 함께 제공된다는 것이 이상합니다. 나는 그것에 맞서 몇 시간 싸웠고 마침내 이겼다. 나는이 게시물이 같은 이슈에 빠지게 될 사람에게 많은 것을 인정할 것이라고 생각한다. Twitter-Bootstrap (또는 div를 축소/확장 할 수있는 유사한 프레임 워크)이 있다고 가정합니다. 우리 모두 알고 있듯이 iframe은 다른 U
나는 부모 영역을 최대한 채울 수 있도록 비디오의 크기를 조정하기 위해 fitvids를 얻으려고합니다. 여기 내 바이올린는 다음과 같습니다 http://jsfiddle.net/LkqTU/9513/ 코드 : $(".video-content").fitVids();
HTML : <div class='liveExample'>
<div class='v
아래 빈 Macbook 이미지가 있습니다. 이미지는 내가 화면의 "회색"영역의 내부에 YouTube 동영상을 걸고 싶어 1034 × 543 입니다. YouTube 동영상이 랩톱 화면에서 재생되는 것처럼 보이게하려고합니다. 웹 페이지가 태블릿 또는 모바일보기에있을 때 랩톱 이미지/YouTube 비디오가 확대되어 이미지와 비디오가 축소되도록합니다. 이 작업을
tumblr 주제에서 나는 반응 형 비디오를 만들기 위해 fitvids.js를 사용합니다. 모든 일반적인 삽입물 (YouTube, Vimeo 등)은 매력처럼 작동합니다. 나는 Tumblr 비디오 업로드 (tumblr 비디오 플레이어)를 지원하기 위해 FitVids.js를 편집했습니다. 데스크톱에서는 올바르게 작동하지만 모바일 장치에서는 작동하지 않습니다.
내가 bxSlider에서 슬라이드에 비디오를 배치에서 재생되지, 그것은 데스크톱 브라우저에서 정상적으로 재생하지만, iOS 기기에서 테스트 할 때 - 아이폰과 아이 패드를 , 비디오가 재생되지 않습니다. 나는 현재의 HTML 코드를 포함 시켰습니다. 모든 기기에서 재생해야하는 슬라이드 쇼 아래에 <video> 요소를 복제했습니다. bxSlider guide
콘텐츠가로드 된 후 Fancybox 모달 콘텐츠에 FitVids 플러그인을 초기화하려고합니다. 사용자가 뷰포트의 크기를 조절할 때 onUpdate 콜백을 사용하면 완벽하게 작동하지만 내용을 표시 한 후에 적용하려면 afterShow과 함께 작동 시키면 아무 것도 표시되지 않습니다. 나는 afterShow이 console.log('whatever')에 던지면