<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h2>HTML5之前播放视频的方式</h2> <h3>使用embed标签播放flash（所有的浏览器都可用，但在HTML4中不包括在Web的标准中）</h3> <embed type="application/x-shockwave-flash" src="zq.swf" width="500" height="430"> </embed> <h3>使用object标签播放flash（IE8及以下不可用）</h3> <object type="application/x-shockwave-flash" data="zq.swf" width="500" height="430"> </object> <h3>只用于IE的低版本，从IE11开始不提供支持，其它浏览器不可用</h3> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="430"> <param name="src" value="zq.swf" /> </object> <h3>使用object兼容所有的浏览器</h3> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="430"> <param name="src" value="zq.swf" /> <object type="application/x-shockwave-flash" data="zq.swf" width="500" height="430"> </object> </object> <h3>使用object和embed确保一定要兼容所有的浏览器</h3> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="430"> <param name="src" value="zq.swf" /> <embed type="application/x-shockwave-flash" src="zq.swf" width="500" height="430"> </embed> </object> <h3>使用embed标签播放mp4文件（有的浏览器内置了插件，有的需要下载，不方便）</h3> <embed src="lesson-0.mp4" autostart="false" width="640" height="360"> </embed> <!--autostart="false" 设置不自动播放，只在IE中有效--> <h3>使用object标签播放mp4文件（IE8及以下不可用）</h3> <object data="lesson-0.mp4" width="640" height="360"> </object> <h3>使用object标签播放mp4文件（只用于IE，需要下载插件，其他浏览器不可用）</h3> <object width="640" height="360" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="lesson-0 "> </object> <h3>总结</h3> <p>很乱。。很乱。。其实兼容性最好的方式是使用 embed 标签播放flash。。但是flash已经被苹果抛弃。。</p> </body> </html>
<audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio/ogg" /> <embed height="100" width="100" src="song.mp3" /> </audio>
最好的 HTML 解决方法
HTML 5 + <object> + <embed>
<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> <source src="movie.webm" type="video/webm" /> <object data="movie.mp4" width="320" height="240"> <embed src="movie.swf" width="320" height="240" /> </object> </video>
优酷解决方案
在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。
如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：
<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf" width="480" height="400" type="application/x-shockwave-flash"> </embed>
https://www.w3school.com.cn/html/html_video.asp