HTML中的音频 视频 的播放代码

时间：2024-02-29 16:13:17

 

<!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

相关文章