IE/Edge가 비디오를 미리로드하지 못하도록 함

기술적 인 이유로 각 페이지로드시 수십 개의 비디오를 동적으로 표시하는 페이지가 있습니다. 내 사양에 따라 HTML에서 각 비디오를 클릭 할 수 있어야합니다.IE/Edge가 비디오를 미리로드하지 못하도록 함

IE = "없음"

<video id="video-01448_1" preload="none" controls=""> 
     <source src="https://downloadurl.com/filename1.mp4" type="video/mp4"> 
    </video> 
    <video id="video-01448_2" preload="none" controls=""> 
     <source src="https://downloadurl.com/filename2.mp4" type="video/mp4"> 
    </video> 
    ... more videos

프리로드는 크롬, 파이어 폭스 등의 브라우저에서 작동하지만 IE는 여전히 각 비디오의 몇 초를 미리로드됩니다. 몇 개의 비디오 만 페이지에 있으면 좋지만 100 + 비디오 링크가 페이지에있을 때 IE/Edge의 성능이 저하되거나 말 그대로 충돌합니다.

이것은 Microsoft의 알려진 문제이지만 미리로드 된 버그는 브라우저에 대한 제안으로 간주되지 않습니다.

참조 : https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7117594/

내 질문 ...이 상황에 대한 간단한 솔루션 또는 해결 방법이 있습니까?

출처

2017-12-04 thefid

IE에 DOM이있을 때 IE가 몇 초 동안로드되는 경우 DOM을 사용하지 못하게하는 옵션이있는 것은 아닙니다. 대신 사진을 가지고 그것을 클릭하면 비디오로 대체하십시오. –

난 아무데도 온라인이 문제에 대한 간단한 해결책을 찾을 수 없습니다, 그래서 자바 스크립트 대답 부트 스트랩 조동사 사용하여 바닐라 파악 : 당신 클릭이 단순히 시간, • 소스를 추가하기 위해 자바 스크립트를 사용

<a href="#modalId" data-toggle="modal" onclick="addSrcToVideo('videoId','/videoFileLocation.mp4'" >View Video</a> 

    <script> 
    function addSrcToVideo(vidId, src) { 
     var video = document.getElementById(vidId); 
     video.src = src; 
    } 
    </script>

을 모달 링크. 페이지가로드 될 때 src가 존재하지 않으므로 IE/Edge에 미리로드 할 항목이 없습니다. 원본 게시물의 댓글에서 언급했듯이 이미지 미리보기 이미지를 추가하거나 JS를 사용하여 자동으로 동영상을 재생할 수 있습니다.

참고 : < 소스 src = ...> 특성을 만들지 않으므로 최선의 방법이라고 생각하지 않습니다. 더 좋은 해결책이 있다면, 나는 당신의 대답을 답으로 표시 할 수 있습니다.

출처

2017-12-07 18:42:07 thefid

포스터 속성을 사용 하시겠습니까? 이미지 (썸네일)를 표시하려면 ... 클릭 이벤트에서 동영상의 src 속성을 설정합니다. –

IE/Edge가 비디오를 미리로드하지 못하도록 함

답변

관련 문제