2013-10-29 20 views
10

Tôi đã tìm kiếm một giải pháp lâu dài nhưng tất cả những gì tôi có thể tìm thấy là những thứ liên quan đến phiên bản cũ của điện thoại.Cách nhúng video youtube vào ứng dụng Phonegap ios

tôi về cơ bản cần phải bao gồm một số video youtubes trên ứng dụng của tôi, nhưng hiện đang sử dụng một bao gồm mã như:

<iframe width="240" height="180" src="http://www.youtube.com/embed/PEfxz7PuI0g" allowfullscreen></iframe> 

này không hiển thị bất cứ điều gì ngoài không gian video sẽ mất, chỉ cần một hộp màu xám. Tôi đang sử dụng phonegap 2.9.0 và phiên bản mới nhất của xCode. Tôi đã thử thiết lập các miền để cho phép youtube, nhưng điều này không giúp được:

MediaPlaybackRequiresUserAction: NO 
AllowInlineMediaPlayback: YES 
OpenAllWhitelistURLsInWebView: YES 
ExternalHosts 
      *.youtube.com 
      *.ytimg.com 

Tôi tin rằng đó là phiên bản trước của ứng dụng Phonegap cho iOS. Bất cứ ai có thể giúp đỡ, nó sẽ được đánh giá cao.

+0

Tôi thấy ứng dụng facebook mới thực hiện việc này ngay bây giờ - trong ứng dụng, tự động phát, không có trong cửa sổ video riêng biệt. Rất thích biết cách họ giải quyết vấn đề này. – Eskim0

Trả lời

8

hãy thử mã dưới đây hy vọng nó sẽ giúp đầy đủ cho bạn

var video_embeded = 'PEfxz7PuI0g';

<object><param name="movie" value="https://www.youtube.com/v/'+video_embeded+'&hl=en_US&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="https://www.youtube.com/v/'+video_embeded+'?suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always"></embed></object> 

này giúp đầy đủ cho tôi ....

+1

Điều đó thực sự hiệu quả. Không thể hiểu tại sao câu trả lời này đã được để lại mà không cần chú ý. Giải pháp tốt! – Sauvage

+0

Đây là câu trả lời đầu tiên làm việc sau nhiều giờ nghiên cứu. – bentsai

+0

Chúng tôi đang gặp vấn đề tương tự, nó vẫn đang hoạt động cho bạn? Bạn có thể chia sẻ một ví dụ hoàn chỉnh không? – sbsbessa

0

Có bất kỳ thay đổi tôi muốn làm ..

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Document</title> 
</head> 
<body> 
<!--<iframe width="560" height="315"src="https://www.youtube.com     
/embed/Qhl5B4K1N0k" frameborder="0"allowfullscreen></iframe>--> 

<object><param name="movie" value="https://www.youtube.com/v/' 
+video_embeded+'&hl=en_US&feature=player_embedded&version=3"></param>  
<param name="allowFullScreen" value="true"></param><param  
name="allowScriptAccess" value="always"></param><embed 
src="https://www.youtube.com/v/'+video_embeded+'? 
suggestedQuality=medium&hl=en_US&feature=player_embedded&version=3" 
type="application/x-shockwave-flash" allowfullscreen="true" 
allowScriptAccess="always"></embed></object> 
</body> 
</html> 
2

Tôi đã có một vấn đề tương tự với một ứng dụng PhoneGap. Video (YouTube hoặc Vimeo) hoạt động tốt trên Android, nhưng trên iOS chỉ có một không gian trống. tôi đã cố gắng rất nhiều giải pháp khác nhau, nhưng chỉ có một mà thực sự làm việc được bổ sung thêm các dòng sau vào config.xml:

<preference name="AllowInlineMediaPlayback" value="true" /> 
<preference name="MediaPlaybackRequiresUserAction" value="false" /> 
<allow-navigation href="*youtube*" /> 
<allow-navigation href="*ytimg*" /> 

Hope this helps.

+1

Chúng tôi đang gặp vấn đề tương tự này, ngay cả khi sử dụng những dòng này, nó vẫn hoạt động cho bạn? Bạn có thể chia sẻ một ví dụ hoàn chỉnh không? – sbsbessa

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