如果你真的想使用 YouTubeiframe
inside Webview
代替YoutubePlayerFragment
,您将需要一些工作来“重新编码”WebView 中移动设备的 Youtube 播放器控制层(屏幕尺寸/键码等...)。
我做了一个工作示例,可以帮助您开始:
AndroidManifest.xml
:
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.yourpackage.name">
<uses-permission android:name="android.permission.INTERNET" />
<application
android:allowBackup="true"
android:hardwareAccelerated="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true">
<activity
android:name="com.yourpackage.name.YoutubeActivity"
android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
另外,你说你在Weview上使用Youtube iframe时发生了一些崩溃,可能是你没有设置android:hardwareAccelerated="true"
像上面一样
youtube.html
in src/main/assets
文件夹 :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<title></title>
<style type="text/css">
iframe {
position: absolute;
border: none;
box-sizing: border-box;
width: 100%;
height: 100%;
}
</style>
<script>
var player;
// init player
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '1080',
width: '1920',
//videoId: 'Orw8CZpzIDU',
suggestedQuality: 'hd720',
playerVars: {rel: 0,showinfo:0},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function loadVideo(target){
target.loadVideoById('Orw8CZpzIDU', 0, 'hd720');
}
function onPlayerStateChange(event) {
var playbackQuality = event.target.getPlaybackQuality();
var suggestedQuality = 'hd720';
console.log("Quality changed to: " + playbackQuality );
if( playbackQuality !== 'hd720') {
console.log("Setting quality to " + suggestedQuality );
event.target.setPlaybackQuality( suggestedQuality );
}
console.log(event.data + " et " + YT.PlayerState.PLAYING);
}
// when ready, wait for clicks
function onPlayerReady(event) {
event.target.setPlaybackQuality('hd720');
var player = event.target;
loadVideo(player);
return false;
}
</script>
</head>
<body id="body">
<div id="video_div">
<script src="https://www.youtube.com/iframe_api"></script>
<div id="bottom">
<div id="player"></div>
</div>
</div>
</body>
</html>
And YoutubeActivity.java
:
public class YoutubeActivity extends Activity {
private WebView webview;
@Override
protected void onPause() {
super.onPause();
webview.onPause();
}
@Override
protected void onResume() {
webview.onResume();
super.onResume();
}
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
webview = new WebView(this);
setContentView(webview);
final WebSettings settings = webview.getSettings();
settings.setJavaScriptEnabled(true);
settings.setJavaScriptCanOpenWindowsAutomatically(true);
settings.setPluginState(WebSettings.PluginState.ON);
settings.setLoadWithOverviewMode(true);
settings.setUseWideViewPort(true);
webview.setWebChromeClient(new WebChromeClient());
webview.setPadding(0, 0, 0, 0);
webview.loadUrl("file:///android_asset/youtube.html");
}
}