H5プレーヤーのvoidタグのダウンロードボタンを削除します。参照コード:
<video width = "320" height = "240"コントロール>
<source src = "movie.mp4" type = "video / mp4" Poster = "img / tony.jpg">
<source src = "movie.ogg" type = "video / ogg" Poster = "img / tony.jpg">
</ video>
video ::-internal-media-controls-download-button {display:none;}
video ::-webkit-media-controls-enclosure {overflow:hidden;}
video ::-webkit-media-controls-panel {width: calc(100%+ 30px); }
H5互換性、参照コード:
<video
id = "videowrap"
src = "video / test.mp4" Poster
= "images / 1.jpg" / *ビデオカバー* /
preload = "auto"
webkit-playsinline = "true" / *この属性はios10です中央の設定では
、ビデオを小さなウィンドウで再生できます。つまり、フルスクリーンでは再生されません* /
Playsinline = "true" / * IOSWeChatブラウザは小さなウィンドウでの再生をサポートしています* /
x-webkit- airplay = "allow"
x5-video-player -type = "h5" / * wechatAndroidバージョンの機能であるH5プレーヤーを有効にする* /
x5-video-player- fullscreen = "true" / *フルスクリーン設定、
水平画面を防ぐためにtrueに設定* />
x5-video-orientation = "portraint" / *プレーヤーの支払い方向、
横向き水平画面、縦向き画面、デフォルト値は垂直画面* /
style = "object- fit:fill ">
</ video>
私の他のオリジナル記事:
- WeChatパブリックアカウントでライブブロードキャストを再生するさまざまな方法は何ですか?
- 有料のWeChatライブブロードキャストを行う方法(有料のWeChatライブブロードキャストを行う方法)グラフィックチュートリアル
- ビデオエンコーディングフォーマット、ビデオビットレート、ビデオフレームレート、および解像度の概念について話します
- オリジナルチュートリアル:pptコースウェアと講師画面でビデオ録画を教える完全なチュートリアル
- ライブビデオを実行するときにローカルネットワークのアップリンク帯域幅をテストする方法(インターネット速度テスト)
- usbカメラはライブ放送を教えるために使用されるので、PCと携帯電話の両方がチュートリアルをオンラインで見ることができます
- WeChatパブリックアカウントでライブブロードキャストを再生するさまざまな方法は何ですか?
- 携帯電話での直接視聴を実現するためのコンピュータゲームのデスクトップ録画とライブストリーミングの作り方
- 無料のビデオストレージプラットフォーム(Weiyun、Baidu Netdisk、Google Drive、Kuboyun)のスクリーンショットの比較
- オンライン教育や企業の社内トレーニングシナリオにより適したクラウドクラスルームライブブロードキャスト機能の概要
- WeChatアプレットに基づくライブブロードキャストのスクリーンショット(WeChatアプレットがライブビデオを開始します)
- オンライン教育シーンの講師によるPPTコースウェアの生放送の紹介
- FMS / wowza / red5 / SRSストリーミングメディアサーバー製品の比較
- WeChatパブリックアカウントに外部リンクグラフィックチュートリアルを追加する
- エンタープライズレベルのWeChatライブビデオストリーミングの表示ホワイトリストを設定する方法(モバイル表示ホワイトリストの設定、付与