HTML 彈出視頻窗口代碼 在網頁設計中，彈出視頻窗口是一種常見的方式，可以更好地將視頻內容展示給用戶。本文將介紹一種簡單的 HTML 彈出視頻窗口代碼，可以幫助您實現此功能。 首先，我們需要使用 “video” 標簽嵌入視頻文件。下面是一段示例代碼：

這段代碼會在頁面上顯示出一個視頻框，用戶可以在其中播放視頻。其中，“width” 和 “height” 屬性設置了視頻框的寬度和高度，“controls” 屬性添加了一個播放器控制條，“source” 標簽指定了視頻文件的位置。 接下來，我們需要添加一些 JavaScript 代碼來實現彈出視頻窗口的效果。下面是一段示例代碼：

<script type="text/javascript">
function showVideo() {
var videoWindow = document.getElementById("videoWindow");
videoWindow.style.display = "block";
}
function hideVideo() {
var videoWindow = document.getElementById("videoWindow");
videoWindow.style.display = "none";
}
</script>
<p><a href="#" onclick="showVideo(); return false;">打開視頻</a></p>
<div id="videoWindow" style="display:none;">
<div class="closeButton" onclick="hideVideo();">關閉</div>
<video width="640" height="360" controls autoplay>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>

這段代碼定義了兩個函數：showVideo() 和 hideVideo()，分別用于顯示和隱藏視頻窗口。它還定義了一個 “div” 標簽，用于存放視頻和關閉按鈕，并設置了相應的樣式。 在頁面中，我們使用一個鏈接來觸發 showVideo() 函數，在用戶點擊鏈接時彈出視頻窗口。視頻窗口中，使用一個關閉按鈕（設置了 hideVideo() 事件）來關閉視頻。 以上就是本文介紹的 HTML 彈出視頻窗口代碼，希望對您有所幫助。優化代碼請參考 Html播放器