비디오가 포함 된 비디오로 이미지를 교체하십시오

StackOverflow https://stackoverflow.com/questions/838878

문제

안녕하세요 웹 페이지를 더 빨리로드 할 수 있도록 웹 페이지를 수정하려고합니다. 일부 비디오가 포함되어 있으므로 (Blip.tv이지만 도움이되면 YouTube로 변경할 수 있음) 비디오가있는 위치를로드 할 수 있는지 궁금해하고 클릭하여 이미지를 비디오로 교체하고 재생을 시작합니다 (다시로드하지 않고 재생. 전체 페이지). 나는 이것을 전에 본 것 같지만 더 이상 어디에서나 찾을 수 없습니다! 지금 내가 사용하는 코드는 다음과 같습니다.

<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>

감사

도움이 되었습니까?

해결책

빠르고 더러운 : 임베드 코드를 외부 변수로 설정할 수 있습니다.

<script type="text/javascript">
    var embedCode = '<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>'
</script>

그런 다음 이미지를 컨테이너 Div에 넣고 컨테이너의 내부 html onclick을 교체하십시오.

<div id="videocontainer">
    <img src="yourimage.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="500" width="600" />
</div>

다른 팁

SwFobject라는 Google 코드 프로젝트가 있으며, 이는 필요한 것에 적합합니다. 플래시를로드하기위한 크로스 브라우저 JavaScript 라이브러리입니다. 예를 들어 누군가 이미지를 클릭 할 때 이미지를 플래시 비디오로 바꾸는 데 사용할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top