在本文中,我們將學習如何在 HTML 中設置媒體字段的 URL。
在這里,我們將了解如何使用 HTML 建立媒體文件的 URL。我們利用 標簽來指定媒體文件的 URL。多媒體文件(包括音頻、視頻和圖像文件)使用此標簽附加。 元素包含在 、
語法
以下是元素的語法
<source src="" type="">…….</source>
登錄后復制
讓我們深入研究以下示例,以了解有關如何在 HTML 中設置媒體文件 URL 的更多信息。
示例 1
在以下示例中,我們使用音頻標簽。
<!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>
登錄后復制
當腳本執行時,它將生成一個輸出,顯示使用 標記上傳到網頁的音頻文件。
示例 2
考慮以下示例,我們將 標簽與視頻一起使用。
<!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>
登錄后復制
運行上述腳本時,它將生成一個輸出,其中包含腳本中使用的文本以及網頁上的 colspan。
示例 3
讓我們看另一個示例,其中我們將 標記與圖像一起使用。
<!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>
登錄后復制
如果腳本被執行,將會彈出輸出窗口,顯示使用 標簽上傳到網頁的圖像。
以上就是如何在HTML中設置媒體文件的URL?的詳細內容,更多請關注www.92cms.cn其它相關文章!