문제
다음 HTML을 사용하여 기본 미디어 플레이어를 내 웹 페이지에 포함 시켰습니다.
<object height="20" width="200">
<embed src="url to music" autostart="false" loop="false" height="20" width="200">
</object>
웹 사이트에 갈 때 마다이 개체는 자동으로 음악을 다운로드합니다. 자동차로드를 어떻게 비활성화 할 수 있습니까? 누군가가 재생 버튼을 클릭 할 때만로드하고 싶습니다.
해결책
나는 오늘 주위를 둘러 보았고 브라우저에 정확히 그렇게하도록 지시 할 방법이 없습니다.
내가 생각할 수있는 가장 좋은 방법은 대신 대신 <object ...>
, 당신은 플레이어처럼 보이는 이미지를 표시 한 다음 이미지에 onclick 속성을 추가하고 JavaScript를 사용하여 이미지를 실제 객체로 바꿉니다. 같은 것 :
<div><img src="player.png" onclick="this.parentNode.innerHTML = '<object height=\'20\' width=\'200\'> <embed src=\'url-to-music\' autostart=\'false\' loop=\'false\' height=\'20\' width=\'200\'> </object>'"></div>
나는 당신이 보관해야한다고 덧붙여 야합니다 <div>
이미지 주위에 (또는 a <span>
, onclick 동작이 대체되기 때문에, 당신이 보는 태그) parentNode.innerHTML
, 즉, 부모에 포함 된 HTML 은이 경우 이미지입니다.
제휴하지 않습니다 StackOverflow