자바 스크립트

Question

내가이 일을 수행하기 위해 onclick 2 자바 스크립트를 결합하고있어

:
를 중지 A가 들어 오디오 플레이어
2.로드 및 iframe을 비디오

다음 코드는 모든 브라우저에서 작동

하지만 아이폰 OS (아이폰, 아이 패드)

<a class="aboutclick" href="#" onclick="stop2();document.getElementById('frame').innerHTML='&lt;iframe src=&quot;paul-on-paul.html&quot; width=&quot;100%&quot; height=&quot;600&quot; scrolling=&quot;no&quot; frameborder=&quot;no&quot;&gt;&lt;/iframe&gt;'"><img src="assets/video-cold.jpg" alt="paul-gregory-video" width="161" height="81" border="0" /></a> 

onclick 코드의 시작 부분에있는 stop2() 음악 플레이어를 해제하는 것이다. (플래시 오디오 플레이어이므로 iOS에는 적용되지 않습니다). 이 코드가있는 iPad, iPhone에서는 이미지를 탭하지 않습니다.

onclick 코드에서 stop2();을 제거하면 iframe이 iOS 기기에서로드됩니다.

음악을 삭제하려면 stop2()을 사용할 수 있어야하지만 iOS 기기에서도 작동해야합니다.

제안 사항?

근무 예 : http://www.fixxed.com/test/pg이 (오른쪽 아래에있는 비디오 썸네일을 클릭)

Answer 1

먼저 당신이 이런 식으로, 클릭시 해당 기능을 함수로 이동 모든 온 클릭 코드를 이동 한 후 호출 제안 :

window.foo = function(e) { 
    stop2(); 
    document.getElementById('frame').innerHTML='<iframe src="paul-on-paul.html" width="100%" height="600%" scrolling="no" frameborder="no"></iframe>' 
} 

... 

<a class="aboutclick" href="#" onclick="foo"> 
    <img src="assets/video-cold.jpg" alt="paul-gregory-video" width="161" height="81" border="0" /> 
</a> 

이렇게하면 읽기 쉽고 유지 관리가 훨씬 쉬워집니다. 아이폰 OS가 stop2() 전화에 질식 것 같다

window.foo = function(e) { 
    stop2(); 
} 

window.bar = function(e) { 
    document.getElementById('frame').innerHTML='<iframe src="paul-on-paul.html" width="100%" height="600%" scrolling="no" frameborder="no"></iframe>'; 
} 

... 

<a class="aboutclick" href="#" onclick="foo" ontouchstart='bar'> 
    <img src="assets/video-cold.jpg" alt="paul-gregory-video" width="161" height="81" border="0" /> 
</a> 

Answer 2

: 그럼 대신 클릭 이벤트의 모바일 터치 이벤트를 사용하여 조사, 당신이 이런 일에 종료됩니다 건의 할 것입니다. 브라우저가 iOS 기기인지 (사용자 에이전트 문자열을 사용하는 단순하고 좋지 않은 방법) 또는 브라우저가 Modernizr을 사용하여 해당 기능을 지원하는지 확인 (더 나은 방법)을 시도해 볼 수 있습니다. . 그런 다음 iOS 브라우저임을 감지하면 stop2()에서 돌아옵니다.

희망이 도움이됩니다.