HTML5ビデオタグ付きのローカル（ハードドライブ）ビデオファイルを再生しますか？

input要素を介してファイルを選択する場合。

変更イベントが発生します

このイベントは、、要素に対して、ユーザーが要素の値を変更したときに発生します。</P> <h2>ファイルオブジェクトの取得</h2> <p> ファイルインターフェイスはファイルに関する情報を提供し、WebページのJavaScriptがコンテンツにアクセスできるようにします。このタイプのオブジェクトは、HTMLの<input>要素のfilesプロパティによって返されます。これにより、最終的に<input type="file">要素で選択されたファイルのリストにアクセスできるようになります。</P> <h2>ファイルオブジェクトを指すオブジェクトURL</h2> <p> URL.createObjectURL（）静的メソッドを使用して、パラメーターで指定されたオブジェクトを表すURLを含むDOMStringを作成します。</P> <h2>オブジェクトのURLをvideo.srcプロパティに設定します</h2> <p> 最後に、ビデオがどのように表示されるかを示します。 src属性を使用して、ビデオファイルの場所（URL）を追加します。</P> <br> </div> <div class="ad5"> <script language='javascript' src='https://jp.wsxdn.com/css/ad/jp2.js'></script> </div> <div id="turn-page" class="f-between"> <div class="page up f-align"> <i class="prev"></i> <a class='LinkPrevArticle' href='https://jp.wsxdn.com/pn014i/pn152h/1001056159.html' >HTML5で大きな.mp4ファイルをストリーミングする方法は？ </a> </div> <div class="page down f-align"> <a class='LinkNextArticle' href='https://jp.wsxdn.com/pn014i/pn152h/1001056161.html' >HTML5キャンバスdrawImage（）でアンチエイリアスを適用するにはどうすればよいですか？ </a> <i class="next"></i> </div> </div> <section class="bottom-list"> <ol> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/pn014i/ig157b/1001060747.html" class="t-over" title="iOSでオーディオおよびビデオファイルを再生する方法は？ "> <span>iOSでオーディオおよびビデオファイルを再生する方法は？ </span> </a> <p class="r-over r-over-3"> 最近ではほとんどすべてのアプリケーションにオーディオとビデオがあるため、iOSでオーディオとビデオを再生する方法を理解することは非常に重要です。ゲームアプリケーションからソーシャルメディア、音楽プレーヤーなどまで。この投稿では、Swiftを使用してオーディオおよびビデオファイルを再生する方法を説明します。それでは始めましょう。ステップ1 −Xcodeを開く→新しいプロジェクト→シングルビューアプリケーション→「AudioVideo」という名前を付けましょう。ステップ2 − Main.storyboardを開き、3つのボタンを追加して、以下に示すように名前を付けます。ス </p> </div> </li> <li class="f-between"> <div> <a href="https://jp.wsxdn.com/sq016k/us143m/1001127394.html" class="t-over" title="[修正]PowerpointがWindows10でオーディオまたはビデオを再生しない "> <span>[修正]PowerpointがWindows10でオーディオまたはビデオを再生しない </span> </a> <p class="r-over r-over-3"> プレゼンテーションやスライドショーに関しては、パワーポイントが一番の選択肢です。これにより、ユーザーは、画像、オーディオ、ビデオ、アニメーション効果など、あらゆる種類のマルチメディアを組み合わせることができます。ユーザーは、埋め込まれたオーディオまたはビデオファイルを再生できないという問題に頻繁に遭遇します。この背後にある主な理由は、マルチメディアファイルとパワーポイントの非互換性です。以下に、Powerpointマルチメディアの問題を修正するためのいくつかの解決策を示します。これらの方法は、Powerpoint 2010、Powerpoint 13、Powerpoint16を含むすべての </p> </div> </li> </ol> </section> </article> <aside class="box1-r box4-r"> <section class="small-nav"> <ul class="f-between"> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd144y/' target="_self">Cプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/qo145i/' target="_self">C ++</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh146b/' target="_self">Redis</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/hf147z/' target="_self">BASHプログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/mk148e/' target="_self">Python</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/lj149d/' target="_self">Java</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay150s/' target="_self">データベース</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ay151t/' target="_self">HTML</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/pn152h/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh153b/' target="_self">プログラミング</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/if154a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig155a/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jg156b/' target="_self">SQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig157b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/wu158p/' target="_self">Android</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ge159z/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/jh160b/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ec161w/' target="_self">C＃</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/gd165y/' target="_self">PHP</a></li> <li><a class='childclass' href='https://jp.wsxdn.com/pn014i/ig171a/' target="_self">SQL Server</a></li> </ul> </section> <div class="box1-r-list"> <div> <i></i> <span>Javascript</span> </div> <ol> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/ay151t/1001054573.html" class="r-over r-over-2" title="コントロールを使用してHTML5にMP4ビデオを埋め込む方法 ">コントロールを使用してHTML5にMP4ビデオを埋め込む方法 </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056178.html" class="r-over r-over-2" title="HTML5でロード時に無限にループするビデオを再生する ">HTML5でロード時に無限にループするビデオを再生する </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056181.html" class="r-over r-over-2" title="HTML5を使用すると、ブラウザ内からローカルクライアントファイルを操作できますか？ ">HTML5を使用すると、ブラウザ内からローカルクライアントファイルを操作できますか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056193.html" class="r-over r-over-2" title="ファイルシステムAPIを使用してHTMLでローカルドライブからローカルファイルシステムにアップロードする ">ファイルシステムAPIを使用してHTMLでローカルドライブからローカルファイルシステムにアップロードする </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056283.html" class="r-over r-over-2" title="iPadのjquerybxSliderプラグインでHTML5ビデオが機能しない ">iPadのjquerybxSliderプラグインでHTML5ビデオが機能しない </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056303.html" class="r-over r-over-2" title="AndroidでHTML5を使用してWebViewでMP4ビデオを再生する ">AndroidでHTML5を使用してWebViewでMP4ビデオを再生する </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056310.html" class="r-over r-over-2" title="ランダムに再生するHTML5オーディオ ">ランダムに再生するHTML5オーディオ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056328.html" class="r-over r-over-2" title="複数のプログレスバーを使用したHTML5ファイルのアップロード ">複数のプログレスバーを使用したHTML5ファイルのアップロード </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056342.html" class="r-over r-over-2" title="HTML5で同じサウンドを同時に複数回再生できますか？ ">HTML5で同じサウンドを同時に複数回再生できますか？ </a> </li> <li class="f-start"> <em></em> <a href="https://jp.wsxdn.com/pn014i/pn152h/1001056348.html" class="r-over r-over-2" title="HTML5の画像ボタン ">HTML5の画像ボタン </a> </li> </ol> </div> </aside> </section> <footer> <section> <span class="container f-center"> 著作権 © <a href="https://jp.wsxdn.com">https://jp.wsxdn.com</a> 全著作権所有 </span> </section> </footer> </body> </html>