WebView 視訊全屏播放(基於Html5 video)
參考:WebView 支援 Html5 video 進行全屏播放
主要方法: onShowCustomView() onHideCustomView()
@Override //全屏時呼叫
public void onShowCustomView(View view, CustomViewCallback callback) {
super.onShowCustomView(view, callback);
Log.d("MyInfo","onShowCustomView...");
if (mCustomView != null) {
callback.onCustomViewHidden();
return;
}
mCustomView=view;
mCustomView.setVisibility(View.VISIBLE);
mContentLayout.setVisibility(View.GONE);
mCustomViewCallBack = callback;
fl_video.addView(mCustomView);
fl_video.setVisibility(View.VISIBLE);
fl_video.bringToFront();
//全屏
//設定橫屏
rootLayout.setBackground(ContextCompat.getDrawable(mContext,R.color.total_black));
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
}
@Override //退出全屏
public void onHideCustomView() {
super.onHideCustomView();
Log.d("MyInfo","onHideCustomView...");
if (mCustomView == null) {
return;
}
mCustomView.setVisibility(View.GONE);
mContentLayout.setVisibility(View.VISIBLE);
fl_video.removeView(mCustomView);
mCustomView = null;
fl_video.setVisibility(View.GONE);
mCustomViewCallBack.onCustomViewHidden();
rootLayout.setBackground(ContextCompat.getDrawable(mContext,R.color.white));
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
}
相關文章
- iOS開發 webview禁止視訊全屏播放iOSWebView
- Flutter:基於video_player實現視訊相關手勢控制、全屏播放FlutterIDE
- HTML5視訊videoHTMLIDE
- ReactNative——react-native-video實現視訊全屏播放ReactIDE
- HTML5視訊video開發demo例子HTMLIDE
- WebView播放HTML5視訊,黑屏的問題。WebViewHTML
- html5聲頻audio和視訊videoHTMLIDE
- HTML5 video視訊字幕的使用和製作HTMLIDE
- 掌握HTML5中的多媒體–視訊(video)HTMLIDE
- 短視訊app開發,點選視訊進行全屏播放APP
- Flutter 實現視訊全屏播放邏輯及解析Flutter
- vue-core-video-player-基於vue.js的視訊播放器元件IDEVue.js播放器元件
- (視訊) 基於HTML5的伺服器遠端訪問工具HTML伺服器
- HTML video 播放本地視訊HTMLIDE
- html5視訊HTML
- 基於HDPHP的視訊播客開發視訊PHP
- video.js+jquery+視訊雲IDEJSjQuery
- 簡單WebView使用播放視訊停止WebView
- HTML5 音訊和視訊HTML音訊
- AceThinker Video Keeper 視訊下載工具IDE
- 記一次微信H5全屏播放視訊的總結H5
- html5–移動端視訊video的android相容,去除播放控制元件、全屏等HTMLIDEAndroid控制元件
- video自定義實現視訊播放功能IDE
- Movavi Video Editor Plus 22,視訊處理IDE
- 基於雲端的視訊剪輯工具
- 基於canvas的視訊遮罩外掛Canvas遮罩
- 網頁看視訊不能全屏怎麼辦_win10視訊無法全屏播放的解決方法網頁Win10
- 基於webRTC技術 音訊和視訊,IM解Web音訊
- 如何實現相容 PC 和微信 H5 的全屏播放小視訊H5
- 使用vue控制video視訊和彈幕功能VueIDE
- 微信小程式 Video 視訊太小怎麼辦微信小程式IDE
- TunesKit AceMovi Video Editor for Mac(視訊編輯工具)IDEMac
- Movavi Video Editor Plus for Mac視訊編輯器IDEMac
- Cisdem Video Player for mac(高清視訊播放器)IDEMac播放器
- Tipard Video Converter Ultimate如何旋轉視訊?IDE
- Cisdem Video Converter Mac視訊轉換器IDEMac
- Cinematic Video Effects for Mac視訊調色軟體IDEMac
- Video元件:控制視訊的播放與暫停IDE元件