2013-08-28 52 views
5

Tôi về cơ bản đang cố mở một tab mới trong Trình duyệt trên thiết bị di động iPhone Safari (iOS 7) khi người dùng nhấp vào nút "Xong" trong Trình phát video gốc. Đây là dòng chảy hành động:iOS Safari phát hiện khi người dùng nhấp vào "Xong" trong trình phát bản địa

  1. dùng chơi HTML5 Video (Nhấp chuột Play Icon)
  2. Mobile Safari Mở toàn màn hình chơi Nhấp chuột 3 tài Xong

tôi đã cố gắng tiếp cận khác nhau và không ai trong số những sự kiện này đang làm việc.

  1. kết thúc
  2. webkitendfullscreen
  3. tạm dừng

Bất kỳ ý tưởng về những gì có thể là một giải pháp phù hợp? Nếu bạn muốn kiểm tra các công việc tôi đã làm cho đến nay đây là mã và Link JSFiddle: http://jsfiddle.net/r8bRE/

<script> 
    var myVideo = document.getElementById("nVideo"); 

    myVideo.addEventListener("pause", function() { 
     window.open("http://www.google.com", "_blank"); 
     window.focus(); 
    }, false);  

    myVideo.addEventListener('webkitendfullscreen', function() { 
     window.open("http://www.google.com", "_blank"); 
     window.focus(); 
    }, false); 
</script> 
+0

Bạn đã tìm thấy giải pháp chưa? – cheeesus

Trả lời

14

tôi đập đầu tôi về vấn đề này cho khá một vài tiếng đồng hồ ngày hôm nay. Ban đầu, tôi đã nhận được sự kiện 'webkitfullscreenchange' để kích hoạt, nhưng nó không được kích hoạt trên thiết bị di động. Cuối cùng tôi tìm thấy sự kiện 'webkitendfullscreen', được kích hoạt khi video bị đóng. Đây là mã:

$('video').bind('webkitendfullscreen', function() 
{ 
    console.log('on webkit close'); 
}); 

Hy vọng điều này sẽ hữu ích.

+0

diemondtank, thưa bạn là một vị thánh – gdibble

+0

bạn có nghĩa là, webkitendfullscreen đang làm việc bởi ràng buộc và không phải bởi người nghe sự kiện? – Diana

+0

@Diana: trình xử lý sự kiện có vẻ hoạt động trên iPad nhưng không phải trên Mac, nếu tôi hiểu chính xác: https://stackoverflow.com/questions/9094913/how-to-figure-out-when-a-html5-video- trình phát-nhập-toàn-màn-hình-trên-ios – mvermand