タグ付けされた質問 「html5-video」

HTML5ビデオは、HTML5ドラフト仕様で導入された要素であり、オブジェクト要素を部分的に置き換えて、ビデオやムービーを再生するための標準準拠のプラグインフリーの方法を作成することを目的としています。

4
blob URLとは何ですか、なぜ使用されているのですか？
blob URLで多くの問題が発生しています。 srcYouTubeで動画タグを検索していたところ、次のsrcような動画であることがわかりました。 src="blob:https://crap.crap" srcエラーが発生した動画のBLOB URLを開きました。リンクを開くことができませんが、srcタグで機能していました。これはどのようにして可能ですか？ 要件： blob URLとは何ですか？ なぜそれが使われるのですか？ サーバーで独自のblob URLを作成できますか？ 追加の詳細情報がある場合
17
JQueryを使用してHTML 5ビデオを再生/一時停止する
JQueryを使用してHTML5ビデオを制御しようとしています。タブ付きインターフェイスに2つのクリップがあり、合計6つのタブがあり、他のタブには画像のみがあります。タブをクリックしたときにビデオクリップを再生し、他のいずれかをクリックしたときに停止するようにしています。 これは簡単なことですが、うまく機能していないようです。ビデオの再生に使用しているコードは次のとおりです。 $('#playMovie1').click(function(){ $('#movie1').play(); }); 私は、ビデオ要素を制御できるようにするためにビデオ要素を公開する必要があることを読みましたが、例を見つけることができません。私はそれをJSを使って機能させることができます： document.getElementById('movie1').play(); どんなアドバイスでも素晴らしいでしょう。ありがとう
206 jquery  css  html  html5-video 
20
HTML5ビデオのダウンロード（右クリックで保存）を禁止しますか？
ブラウザーの右クリックメニューから[名前を付けてビデオを保存...]を無効にして、クライアントがビデオをダウンロードできないようにするにはどうすればよいですか？ クライアントがファイルパスに直接アクセスできないようにする完全なソリューションはありますか？
4
.mp4の正しいMIMEタイプ
以下の2つのアプリケーションがあります。 .mp4ファイルをサーバーにアップロードするための管理アプリケーション。 iPadのモバイルアプリケーションを使用して.mp4をダウンロードしようとしています。 管理アプリケーションは、asp.net 4.0とSQL Server、IIS7を使用して作成されています。 モバイルアプリケーションは、asp.net mvc3、jquerymobile、HTML5で構成されています。 現在、video/mp4.mp4のMIMEタイプをIIS7 MIMEタイプセクションに追加しています。 iPadで.mp4ファイルをダウンロードしようとすると、黒い矢印の付いた黒い画面が表示されます。誰かが問題を解決するのを助けてくれますか？ video/mp4.mp4 のMIMEタイプが正しいかどうか教えてください。
13
「キャッチされていない（約束された）DOMException：ユーザーが最初にドキュメントを操作しなかったため、play（）が失敗しました」の処理方法 Chrome 66を搭載したデスクトップ上で
エラーメッセージが表示されます。 キャッチされていない（約束どおり）DOMException：play（）は、ユーザーが最初にドキュメントを操作しなかったために失敗しました。 ..Chromeバージョン66を使用してデスクトップでビデオを再生しようとしたとき。 次のHTMLを使用して、Webサイトで自動的に再生を開始する広告を見つけました。 <video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4" autoplay=""></video> そうでパッシングと同じように簡単に追加するだけ本当にクロームV66の自動再生ブロッカーをあるwebkit-playsinline="true"、playsinline="true"とautoplay=""に属性を<video>要素？これにマイナスの影響はありますか？
7
HTML5ビデオにサムネイル画像を設定する方法は？
HTML5ビデオにサムネイル画像を設定する方法はありますか？プレイする前に写真を見たいです。私のコードは次のようになります： <video width="470" height="255" controls> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> <source src="video.webm" type="video/webm"> <object data="video.mp4" width="470" height="255"> <embed src="video.swf" width="470" height="255"> </object> </video> ありがとう！
6
HTML5ビデオの寸法
JavaScriptでページにオーバーレイしているビデオのサイズを取得しようとしていますが、ビデオがロードされる前に計算されているように見えるため、実際のビデオではなくポスター画像のサイズを返しています。
13
HTML5ビデオポスターをビデオ自体と同じサイズにする
ビデオ自体の正確なサイズに合うようにHTML5ビデオポスターのサイズを変更する方法を知っている人はいますか？ ここに問題を示すjsfiddleがあります：http ://jsfiddle.net/zPacg/7/ これがそのコードです： HTML： <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS： video{ border:1px solid red; }​ オレンジの長方形は、ビデオの赤い枠に合わせて拡大縮小されていないことに注意してください。 また、以下のCSSを追加するだけでは、ポスターとともにビデオのサイズが変更されるため、機能しません。 video[poster]{ height:100%; width:100%; }
8
Android WebViewのフルスクリーンでHTML5ビデオを再生する
ええと、私はすでに数日探していますが、Android WebViewでHTML5ビデオを全画面モードで表示する方法を探しています。 私はなんとかHTML5ビデオをWebビューで再生できました。全画面モードでビデオを表示すると問題が発生します。 私が理解したように、androidには<video>タグを処理する方法が2つあります。 androidバージョン<= 2.3.3では、onShowCustomViewメソッドが呼び出され、VideoViewインスタンスを取得して、ビデオが完了したときにリスナーを設定したり、コントローラーなどを設定したりできます。 ICS（おそらく3.0以降）では、<video>は別の方法で処理されているようです。HTML5ビデオが再生されるとき、onShowCustomViewは通常モードで呼び出されていません-ビデオを再生するWebView内に内部ビジネスがあり、<video>タグで定義されているすべてのコントロールが表示されているようです-Iいかなる方法でもアクセスできません。実際には、ビデオが通常モードで再生される場合、コントロールが存在し、機能しているため、これで問題ありません。 そのため、大きな問題が発生しました。ビデオを全画面モードで表示すると、onShowCustomViewが呼び出されますが、ICSでは、「view」パラメーターがVideoViewのインスタンスではありません。 インスタンスがHTML5VideoFullScreenクラスのプライベート内部クラスであるVideoSurfaceViewであることがわかりました。この内部クラスにアクセスできる唯一の方法は、リフレクションを経由することです。 このクラスのGrepCodeを調べたところ、VideoViewとは異なり、HTML5VideoFullScreen $ VideoSurfaceViewは、イベントをリッスンしたり、コントロールにアクセスしたりできるMediaPlayerインスタンスを保持していないことがわかりました。私ができる唯一のことは、このVideoSurfaceViewをそのまま使用して、制御せずに全画面レイアウト内に配置することです。 結論-ビデオをフルスクリーンで表示するとき、ビデオがいつ終了するかわかりません。そのコントロールは表示されません。これはかなり悲しいことです。全画面を閉じるトリガーを取得できません。 私はいくつかの失敗した回避策を試しました： リフレクション：MediaPlayerメンバーを保持するHTML5VideoFullScreenインスタンスに、内部クラスのVideoSurfaceViewから到達しようとしました。どうにか取得できませんでした。これが可能かどうかはわかりません（ViewSurfaceViewは所有者のインスタンスを保持していません）。 Javascriptを介してビデオイベントに登録し（たとえば、オンエンディング）、JavascriptInterfaceを介してJAVAで必要なものを処理します。これを実行しているときに別の問題が発生したため、このソリューションは信頼できません：<video>タグをネストできますで。iframeソースは私のものではなく、そのコンテンツを取得できません（getElementByIdまたはgetElementsByTagName [i]はnull）-つまり、iframe内の<video>要素に到達できません。 私はまだ解決策を探していますが、この問題についてほとんど書かれていません。誰かがなんとかそれを解決できましたか？助けていただければ幸いです！ VideoViewクラス：こちら（MediaPlayerあり） HTML5VideoFullScreen $ VideoSurfaceViewクラス：ここ（MediaPlayerはありません）
23
HTML5ビデオタグがSafari、iPhone、iPadで機能しない
13sなどの小さなビデオがあるhtml5 Webページを作成しようとしています。このビデオのフラッシュバージョンを3つの形式に変換しました。fireFoggを使用する.ogv、firefoggを使用する.webm、およびHandBrakeアプリケーションを使用する.mp4 htmlスクリプト私は自分のページで使用しました： <video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4" /> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" /> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" /> </video> ビデオはChromeとFireFoxで正常に動作していますが、デスクトップのSafariでもiPhoneまたはiPadでもまったく動作していません。出力は、ビデオタグのコントロールを示すだけの空白のページですが、何もロードされていません 私が持っているSafariバージョンはHTML5ビデオをサポートしていることに注意してください
6
ロード時に特定の位置でHTML5ビデオを開始しますか？
ある時点で開始するにはHTML5ビデオが必要です。50秒以降の時間としましょう。 試しましたが、期待どおりに動作しませんでした。私が間違っていることはありますか？ コードは次のとおりです。 <video id="vid1" width="640" height="360"> <source src="file.webm" type="video/webm" /> Your browser does not support the video tag. </video> <script> document.getElementById('vid1').currentTime = 50; </script> ページが読み込まれると、最初から再生が始まります。しかし、しばらくしてからのように再生中にこれを呼び出すと、正常に動作します。足りないものはありますか？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.