在本文中，我們將學(xué)習(xí)如何在 HTML 中設(shè)置媒體字段的 URL。
在這里，我們將了解如何使用 HTML 建立媒體文件的 URL。我們利用 標(biāo)簽來指定媒體文件的 URL。多媒體文件（包括音頻、視頻和圖像文件）使用此標(biāo)簽附加。 元素包含在 、
語法
以下是元素的語法
<source src="" type="">…….</source>
登錄后復(fù)制
讓我們深入研究以下示例，以了解有關(guān)如何在 HTML 中設(shè)置媒體文件 URL 的更多信息。
示例 1
在以下示例中，我們使用音頻標(biāo)簽。
<!DOCTYPE html>
<html>
<body style="text-align: center;">
<audio id="varma" controls>
<source src="https://samplelib.com/lib/preview/mp3/sample-3s.mp3" type="audio/mpeg">
</audio>
</body>
</html>
登錄后復(fù)制
當(dāng)腳本執(zhí)行時(shí)，它將生成一個(gè)輸出，顯示使用 標(biāo)記上傳到網(wǎng)頁的音頻文件。
示例 2
考慮以下示例，我們將 標(biāo)簽與視頻一起使用。
<!DOCTYPE html>
<html>
<body>
<video width="400" height="350" controls>
<source src="https://static.videezy.com/system/resources/previews/000/052/918/original/21.mp4"">
</video>
</body>
</html>
登錄后復(fù)制
運(yùn)行上述腳本時(shí)，它將生成一個(gè)輸出，其中包含腳本中使用的文本以及網(wǎng)頁上的 colspan。
示例 3
讓我們看另一個(gè)示例，其中我們將 標(biāo)記與圖像一起使用。
<!DOCTYPE html> <html> <body> <h1>ELEPHANTS</h1> <p>Elephants are the largest existing land animals.</p> <p><br><img src="https://www.tutorialspoint.com/assets/questions/media/500267-1671169181.png"></p> </body> </html>
登錄后復(fù)制
如果腳本被執(zhí)行，將會(huì)彈出輸出窗口，顯示使用 標(biāo)簽上傳到網(wǎng)頁的圖像。
以上就是如何在HTML中設(shè)置媒體文件的URL？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注www.92cms.cn其它相關(guān)文章！
