ホームページ > 記事 > ウェブフロントエンド > シンプルな HTML5 ビデオ埋め込みサンプル コードを共有する
これは HTML5 にビデオを埋め込む簡単な方法で、ビデオを素早く埋め込むことができます
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "m.sbmmt.com/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>HTML5 Video Demo</title> </head> <body> <p style="width: 667px; margin: 0 auto;"> <video width="667" height="375" controls> <source src="FILE_NAME.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> <source src="FILE_NAME.ogv" type="video/ogg" /> <object width="667" height="375" type="application/x-shockwave-flash" data="FILE_NAME.swf"> <param name="movie" value="FILE_NAME.swf" /> <param name="flashvars" value="controlbar=over&image=PLACEHOLDER_FILE_NAME.jpg&file=FILE_NAME.mp4" /> <img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" /> </object> </video> </p> </body> </html>
以上がシンプルな HTML5 ビデオ埋め込みサンプル コードを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。