若要在HTML5中使用影片標籤播放HLS串流,你可以使用<video>
標籤,但是要確保你的瀏覽器支援HLS。現代瀏覽器通常支援HLS,但在一些特定情況下可能需要使用特定的解碼器。
以下是一個基本的HTML範例,你可以根據你的需求進行調整:
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HLS 播放器</title>
</head>
<body>
<video controls width="640" height="360">
<source src="你的HLS串流URL" type="application/x-mpegURL">
您的瀏覽器不支援播放此影片。
</video>
</body>
</html>
請將 "你的HLS串流URL"
替換為實際的HLS串流URL。這個範例使用了controls
屬性,它會在播放器上顯示播放、暫停等控制按鈕。