如何使用对象标签在 HTML 文档中正确插入音频和视频文件



我的教师希望我练习使用对象标签插入音频和视频文件。但是,无论我删除多少次代码并每次尝试不同的东西,我似乎都无法正确获取代码。我知道如何使用音频和视频标签添加它们,我似乎无法使用对象标签来做到这一点。有人可以帮助我弄清楚我做错了什么吗?以下是我的音频 html 文档的代码当前的外观:

<!DOCTYPE HTML>
 <html>
 <head>
 <meta charset="utf-8" />
 <title>Kana-audio</title>
 <link rel="stylesheet" type="text/css" href="styles.css" />
 </head>
 <body>
 <div style="text-align: center">
    <img src="Japanese.png" width="500" height="400" alt="Japanese Language" />
    <h2 >Basics of Japanese: Hiragana & Katakana</h2>

</div>

 <div style="text-align: center">
    <ul>
        <li class="navlist"><a href="The Japanese Language.html"><span  class="boldword">Home</span></a> &nbsp; | &nbsp; 
        <li class="navlist"><a href="Kana-pictures.html">Pictures</a> &nbsp; | &nbsp;
        <li class="navlist"><a href="Kana-video.html">Video</a> &nbsp; | &nbsp; 
        <li class="navlist"><a href="Kana-audio.html">Audio</a> 
    </ul>
</div>
<h1 style="text-align: center; color: #FF0000 ; font-size: xx-large;">Kana-audio </h1>
<div class="Object">
   <object type="audio/mp3" data="Kana Sounds.mp3" width="250" height="45" autoplay="false">
<param name="src" value="Kana Sounds.mp3" />
<param name="controller" value="true" /> 
<param name="autoplay" value="false" />
<param name="autostart" value="0" />
</object>
</div>
<div class="content">
    <p>In this audio file each kana (hiragana & katakana) character is pronounced slowly to ensure that the proper sound is heard.</p>
</div>
</body>
</html>

如果您从页面链接到"Kana_Songs.mp3"并单击 MP3 播放的链接? 还是收到错误?

如果它不播放,它也不会在对象标签中播放。

对象标签基本上是允许参数的 iframe 标签。

它们本质上是相同的,但浏览器呈现它们的开销存在一些差异。

<iframe src="scripted.xhtml?paramname1=value1" sandbox="allow-scripts">
</iframe>
<object data="scripted.xhtml" data-sandbox="allow-scripts">
    <param name="paramname1" value="value1" />
</object>
<embed src="scripted.xhtml?paramname1=value1" data-sandbox="allow-scripts">
</embed>

来自服务器的 type="audio/mp3"> 可能是

.mp3    audio/mpeg3
.mp3    audio/x-mpeg-3
.mp3    video/mpeg
.mp3    video/x-mpeg

对象标签上不需要它,但可以使用它。 如果歌曲从链接播放,而不是从对象播放。右键单击浏览器,转到检查元素,转到网络选项卡,然后查看浏览器实际使用什么作为类型。

最新更新