2012-08-31 35 views
5

Có thể là buổi chiều thứ sáu đang khởi động nhưng vì một lý do nào đó tôi dường như không thể có nút toàn màn hình xuất hiện trên video Youtube được nhúng của mình. Tất cả tôi đang làm là sao chép mã cổ phiếu đó được tạo ra từ một đoạn video Youtube:Youtube Iframe không có nút toàn màn hình

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0" frameborder="0" allowfullscreen></iframe> 

Vì vậy, ví dụ với mã này http://jsfiddle.net/chricholson/v8sjL/ tôi thấy:

enter image description here

tôi thấy một số điều mà nói về URL bị sai /v/[code] thay vì /embed/[code] nhưng sao chép trực tiếp từ Youtube tôi nghĩ tôi sẽ an toàn.

Trả lời

21

Có vẻ như tôi cần một số thay đổi, mã cuối cùng:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0&fs=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>​ 

Thứ nhất, các URL cần &fs=1, điều này gây nên các nút hiển thị. Ngoài ra, cần có webkitallowfullscreenmozallowfullscreen, nêu rõ điều này giải quyết các sự cố cụ thể của trình duyệt.

Một điều thú vị tôi đã tìm thấy, mặc dù có mã hoạt động, mẫu này KHÔNG làm việc thông qua jsfiddle, có lẽ là một cái gì đó để làm với bên trong một khung nội tuyến. Xem http://jsfiddle.net/mrchris2013/v8sjL/5/ cho ý tôi.

+0

cảm ơn bạn Chris :) rất hữu ích –

+1

phần "? Fs = 1" dường như không cần thiết. Trên Chrome mới nhất, nó sẽ hoạt động sẽ cho phép một mình màn hình; Tôi đoán các trình duyệt khác có thể cần webkitallowfullscreen và/hoặc mozallowfullscreen – matteo

3

Tùy chọn toàn màn hình trở lại dự kiến ​​tôi phải xóa &fs=1 ở cuối liên kết.

<iframe width="1280" height="720" src="http://www.youtube.com/embed/doXntJaJ-nQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
+0

Dường như với tôi rằng đây là câu trả lời đúng, không phải là câu trả lời hiện được chấp nhận – matteo

3

giải quyết ...! nếu bạn có một khung nội tuyến (youtube) bên trong một khung nội tuyến (jsfiddle) bên trong HTML chính bạn cần phải xác định

webkitallowfullscreen mozallowfullscreen allowfullscreen

cho cả iframe để cho nó làm việc .....

Các vấn đề liên quan