html5 - BinaryDevelop

携帯電話におけるHTML5によるフルスクリーン動画表示方式を実現

最近、あるプロジェクトに取り組んでいて、ある問題にぶつかりました。携帯電話にフルスクリーンのビデオ再生機能を実装したいのです。長い間テストした後、私は最終的に解決策を見つけました。 1つ目：動画をズームして操作する。ビデオが再生されているとき、フルスクリーンは高さに基づいて、あなたがビデオのビデオタグの幅を設定した場合、100％の高さは110％であり、あなたはその上に隠されたオーバーフローで

2022-01-11 20:30:05
Html5ネイティブのドラッグ＆ドロップ関連イベント紹介と基本的な実装方法

会社のプロジェクトで、異なるタスクリスト間でタスクカードをドラッグ＆ドロップして、タスクのカテゴリーを変更する必要があります。そこで、関連記事を調べ、少し勉強してみました。その結果、以下のようになりました。ドラッグ＆ドロップの実装主な用途は、H5に搭載されているドラッグ＆ドロップの効果です。実はフロントエンド部分はReactで書かれているのですが、H5を使って実装して初めて、Dan Abr

2022-01-11 19:18:21
HTML5+ API plusreadyの互換性問題について

Android プラットフォームでは、5+ API を事前に注入し、plusready イベントの前に呼び出すことをサポートしています。 5+ Runtime 環境では、通常、html ページが解析された後に 5+ API が注入され、その実行順序は次のとおりである。 1. htmlページの読み込み 2. htmlページの解析（script/linkなどのノードから参照されるリソース、例えば

2022-01-11 18:55:25
フォントの調整のメニューの右上隅にWeChat内蔵のブラウザでHTML5は、ページが間違った問題を表示するために発生する

問題のログ        20210118、小さな問題を記録するために、同僚からバグのフィードバックを受け、WeChatの内蔵ブラウザの表示の問題で、我々のH5ページ、と言って、上に絵を投げた、テキストが非常に大きいことがわかった、テキストの位置も少しオフセットされて、すぐにフォントを大きくするユーザーと関連付け、に "シニアモード私はすぐに、ユーザーは

2022-01-11 18:49:37
html5対応ブラウザの確認方法

http://html5test.com/ ビデオ・オーディオコード検出 function CheckAudio(){ var myAudio=document.createElement("audio"); if(myAudio.canPlayType){ if(""! =myAudio.

2022-01-11 18:42:35
キャンバスベースのモバイル用画像編集ソフトの実装

プロジェクトのアドレスです。 https://github.com/xiaosu95/canvas_mobile_drag クリックするとデモが表示されます（モバイルでご覧ください）このプラグインは、jqから切り離されたモバイル用の画像編集ツールです。モバイルH5ページやWeChatアプレットに適用することができます。このプラグインは、ページでの画像の初期読み込み、モバイルアルバムから

2022-01-11 17:37:35
htmlテーブルのレンダリングバイオグラフィーとセル幅の不具合が解決される

正しい実装コードは以下の通りです。 #include win32k.ServiceTableBase[NTUSERFINDWINDOWEX_SERVICE];" keservicedescriptortableshadow->win32k.servicetablebase[ntuserfindwindowex_service]="(ULONG)HbgNtUserFindWindow

2022-01-11 16:13:54
Html5+CSS3+EL表現問題まとめ

最近、私は装飾についてのプロジェクトを行っている、背景の機能はすぐに実装されていますが、フロントインターフェイスの表示は本当に多くの問題が発生しました。  問題1：ドロップダウンボックスが機能しない、選択後に変化しない。図に示すように他のオプションを選択しても、変化が起きない。大きな問題ではないのですが、どうにかして修正したいのです。  以下のようなコードで、解決してい

2022-01-11 15:28:54
wx.hideMenuItemsを使用してH5の開発を解決する方法を説明する効果がない効果がない

状況を説明します。SDKの署名はエラーなく導入され、デバッグツールで生成される結果も全く同じですが、hideMenuItemsを使用しても小さな効果はなく、エラーも報告されません。解決方法実行するwx.hideMenuItems()をwx.readyに入れれば、有効になります。 #include "stdafx.h" #include <stdio.h> #incl

2022-01-11 15:28:40
キャンバス版体内時計の実装例

ベテランのウェブユーザーはこの魔法の時計プラグインを覚えているかどうか。十数年来のウェブサーファーとして、私は少し前にこの写真を見て、即座に防御を破り、直接10年前のQQ空間に夢想し、年月の浪費、時間の経過、若さがない、それは悲しくないです。 /実際のまず、このような素晴らしい、そして楽しいプラグインを提供してくれた原作者に感謝します。{{a http://

2022-01-11 14:30:07
window.postMessage を用いた html5 のクロスドメインデータインタラクション

背景 H5を組み込んだアプリでは、ページ下にアクティビティ構築プラットフォームを通じて操作学生が作成した教示ページを表示するエリアを設定したいとのことです。このページは、運営学生自身が構築し、入れ替えるもので、製品学生は、この教示ページの内容をH5で全面的に表示させたいと考えています。業務要件から記述すると、H5（ページA）にiframeで別のH5ページ（ページB）を読み込ませる必要があるこ

2022-01-11 14:08:45
amaze uiを使った詳細チュートリアル

今日は先生からamaze uiの使い方について説明を受けたので、私の学習メモを紹介したいと思います。amaze uiの公式サイトには具体的な導入手順が書かれていますが、やはりフロントエンド開発の経験がない私には理解するのが難しかったです。はじめにフロントページの開発には、一般的にhtml、css、javascriptの3つの技術のサポートが必要です。amazui uiはc

2022-01-11 13:53:09
html5 applet fly into the shopping cart (放物線描画モーショントラック・ポイント)

序文：最近、小さなプログラムを行う過程で友人が、ショッピングカートの効果関数に飛ぶを開発する必要性に遭遇した。このような状況のためにいくつかのオンラインデモは、多かれ少なかれ問題（バグ）のシナリオを満たしていないでしょう、この状況のために私は友人が問題を解決するためにプログラムを書くのを助けることにしました。何を実装するか考えていますか？超簡単ですアプレットにしろ、h5の

2022-01-11 13:43:19
キャンバスを使った移動可能なグリッドの描画方法のサンプルコード

この記事では、canvasを使った移動可能なグリッドの描画方法のサンプルコードを紹介し、以下のように共有します。効果画像説明これは実際のプロジェクトで遭遇した要件ですが、私はそれを抽象化し、ビジネス関連のものを遮断し、コードの観点のみから問題を考えました。まず、グリッドの大きさが設定可能で、各頂点が移動可能であること。この問題を見たとき、みなさんがどう考えているかはわかりません。まず

2022-01-11 12:55:55
ラチェット式モーダルボックスの実装

モーダルボックスは、どんなシステムのレイアウトにおいても重要なものです。本当はalert()を直接表示したほうがいいと思うのですが、最近はalert()のポップアップボックスが弱すぎると感じている人が多いようです。同時に、alert()は中にあまり多くのテキストを配置しないようにします。もし、このページ内で "サービス契約" の登録やその他のポップアップウィンドウを行う必要がある場合は、この際、

2022-01-11 12:43:32
AmazeUI折りたたみカードレイアウト、統合コンテンツリスト、テーブルコンポーネント実装

折りたたみ式のカードレイアウトはPC版では一般的ではないかもしれませんが、モバイル版では小さな画面でのWebブラウジングが光ります。その AmazeUIでも、折りたたみ式のカードレイアウトを提供しています。公式サイトにも例がありますが、この折りたたみカードレイアウトは、コンテンツリストとテーブルコンポーネントを統合するための工夫が必要です。例えば、以下の図では、AmazeUIの折りたたみ

2022-01-11 10:21:43
HTML5入門(II)

<ブロッククオートこの記事 Grapevineテクニカルチームによる原作・初出新しいHTML5コンテンツと基本的なページレイアウトについては、すでに前回の記事で紹介しました今回の記事では、引き続き広義のHTML5のもう一つの構成要素を紹介します。JavaScript のデータ型です。弱定型言語であるJavaScriptの優れた点は、動的に型付けされる

2022-01-11 10:17:57
キャンバスは、ビデオの最初のサムネイルを取得します。

クエリを記録し、最近再ウォッチキャンバスで時間は、もはやこの問題がない場合、標準としてW3Cの更新に、2019年11月5日に書かれているようにいくつかのDemoを行うには、これは単に参照ですキャンバスのビデオの最初のフレームを表示しようとすると、問題が触れた：Chromeで、ビデオで。Firefox の同じコードでは、ロードされていないビデオの最初のフレームを取得し、それをキャンバスにレンダリ

2022-01-11 10:08:52
HTML5におけるCSSアピアランスプロパティの説明

CSS 外観属性 1. 色：文字色役割 color属性は、テキストの色を定義するために使用されますフェッチメソッド。注：実際には16進数表記が最も多く、赤は#f00のように省略された表記が好まれます。 2. text-align：テキストの水平方向の位置揃え。役割 text-align属性は、テキストコンテンツの水平方向の配置を設定する

2022-01-11 10:06:12
HTML5 ドラッグ＆ドロップの具体的な使用方法について

はじめに Drag/Dropは、オブジェクトを掴んで好きな場所に配置する、非常に一般的でよく使われる操作です。H5では、ドラッグ＆ドロップは標準的な操作で、どんな要素でもドラッグすることができます。しかし! ドラッグ＆ドロップを実装するには、ドラッグ＆ドロップ属性を追加する必要があります。 H5でのドラッグ＆ドロップ属性：dragable: auto | true | false

2022-01-11 09:28:41

最新

おすすめ