Sử dụng trình phát nội tuyến iframe của YouTube, có cách nào kích hoạt toàn màn hình theo chương trình không? Tôi muốn loại bỏ các điều khiển mặc định (bằng cách sử dụng điều khiển = 0) nhưng sau đó có khả năng tạo nút toàn màn hình tùy chỉnh của chính nó.Trình phát nội tuyến trên YouTube - kích hoạt chế độ toàn màn hình trên iOS
Trả lời
Tận dụng iframe không toàn màn hình nhưng Trang đầy đủ:
function fullscreen() {
var vid = document.getElementById("vid");
vid.style.position = "absolute";
vid.style.width = "100vw";
vid.style.height = "100vh";
vid.style.top = "0px";
vid.style.left = "0px";
document.getElementById("exit").style.display = "inline";
}
function exitfullscreen() {
var vid = document.getElementById("vid");
vid.style.position = "";
vid.style.width = "";
vid.style.height = "";
vid.style.top = "";
vid.style.left = "";
document.getElementById("exit").style.display = "none";
}
<iframe width="560" height="315" src="https://www.youtube.com/embed/fq6qcvfZldE?rel=0&controls=0&showinfo=0" frameborder="0" id="vid" allowfullscreen></iframe>
<button onClick="fullscreen()">Fullscreen</button>
<button style="position: fixed;
bottom: 5px;
right: 5px;
display: none;
z-index: 2000;" id="exit" onClick="exitfullscreen()">Exit Fullscreen</button>
Các trang đầy đủ nút ở góc trên bên phải của đoạn mã cũng làm việc theo cách này. Nếu bạn muốn làm cho trình duyệt toàn màn hình, bạn có thể thử document.requestFullscreen();
, nhưng điều này vẫn còn thử nghiệm và hoạt động trên rất ít trình duyệt. Hãy xem chủ đề của MDN về chức năng này.
CHỈNH SỬA: Chỉ tìm thấy: https://developers.google.com/youtube/?csw=1#player_apis, API trình phát youtube chính thức.
Hãy thử như sau trong trình duyệt Webkit:
if (typeof iframe.webkitRequestFullScreen === 'function') {
button.addEventListener('click', function() {
iframe.webkitRequestFullScreen();
}, false);
}
Lưu ý rằng điều này sẽ không làm việc mà không có một cử chỉ sử dụng (trong trường hợp này, nghe tiếng 'click').
Bạn có thể sử dụng thư viện này XCDYouTubeKit thay vì trình phát nội tuyến iframe.
Rất đơn giản và mạnh mẽ. Hỗ trợ toàn màn hình cũng như không toàn màn hình.
- 1. API iframe Youtube - Toàn màn hình Android
- 2. Vẽ hình ảnh trên chế độ toàn màn hình Android
- 3. Video được nhúng trên YouTube ở chế độ HTML5 gốc và toàn màn hình
- 4. MPMoviePlayerController không phát phim ở chế độ toàn màn hình
- 5. Tôi có thể phát video youtube trong nội tuyến UIWebView (không phải toàn màn hình) không?
- 6. SDK iPad: Phim được nhúng trên YouTube phát phiên bản toàn màn hình sau UIWebView
- 7. kích thước khung nội tuyến bằng CSS trên iOS
- 8. Hiển thị chế độ toàn màn hình trên Tkinter
- 9. Làm cách nào để buộc video phát ở chế độ toàn màn hình trong trình phát youtube?
- 10. Phát video trên Youtube trong UIWebView mà không cần toàn màn hình
- 11. Phát video trên youtube trên iOS
- 12. Chế độ toàn màn hình Java không hoạt động trên Ubuntu
- 13. Video không phát ở chế độ toàn màn hình
- 14. YotubePlayerHỗ trợFragment xem toàn màn hình ở chế độ ngang
- 15. X11/GLX - Chế độ toàn màn hình?
- 16. Phát hiện chế độ toàn màn hình trong Windows
- 17. Chuyển từ chế độ toàn màn hình sang pop/slide toàn màn hình
- 18. Phát hiện ứng dụng toàn màn hình trên mac
- 19. Chuyển đổi chế độ toàn màn hình
- 20. Kích hoạt chế độ trên máy bay theo chương trình?
- 21. Phát hiện chế độ trên máy bay trên iOS
- 22. Tại sao kích thước nền CSS: bìa không hoạt động ở chế độ dọc trên iOS?
- 23. biểu mẫu tràn trên webkit được cuộn trên ứng dụng web toàn màn hình iOS 7
- 24. HOWTO: NSWindow ở chế độ toàn màn hình (sư tử) và kích hoạt/vô hiệu hóa?
- 25. Toàn màn hình youtube video, xoay và thanh trạng thái (iOS)
- 26. Phát hiện xem trình duyệt có ở chế độ toàn màn hình hay không
- 27. Chế độ xem hiển thị ở chế độ xem cuộn trên màn hình
- 28. Buộc toàn màn hình trên EditText trong Android
- 29. iOS: Phản ánh nội dung trên màn hình
- 30. Android WebView với video được nhúng trên youtube, nút toàn màn hình đóng băng video
Bạn có thể thử và nhìn vào giao diện người dùng UIWebView cho lớp AVPlayer và đặt lớp của nó lên toàn màn hình – atrebbi