如何在網(wǎng)頁設(shè)計中添加視頻？Dreamweaver CS301打開軟件后，單擊“新建”中的“HTML”創(chuàng)建一個空白的HTML網(wǎng)頁文件。02在“常用工具”選項卡下，單擊“媒體”下拉菜單。03在下拉菜單中選

如何在網(wǎng)頁設(shè)計中添加視頻？

Dreamweaver CS3

01

打開軟件后，單擊“新建”中的“HTML”創(chuàng)建一個空白的HTML網(wǎng)頁文件。

02

在“常用工具”選項卡下，單擊“媒體”下拉菜單。

03

在下拉菜單中選擇“flash video”，彈出保存提示框。讓我們單擊“確定”按鈕。

04

]確定后，我們將進入保存窗口。我們選擇合適的路徑，然后“保存”。

05

在“插入視頻窗口”中，在“URL”后的編輯框中輸入視頻地址，或單擊“瀏覽”在本地插入視頻。

06

要設(shè)置視頻在網(wǎng)頁中的顯示寬度和高度，建議檢查背面的“限制高寬比”，否則很容易使視頻變形。設(shè)置正確后，單擊“確定”。

這樣，視頻就會插入到新網(wǎng)頁中。點擊工具欄中的“調(diào)試”按鈕查看效果。

[08

插入的視頻可以正常顯示在網(wǎng)頁中，好嗎？

1. 打開hbuilderforwebdesign，將MP4視頻放到projectmanager中，然后單擊索引.html進入。

2. 在這里，使用如圖所示的命令創(chuàng)建一個HTML5文件。

3. 此時，可以通過添加視頻元素來插入視頻。您需要使用autoplay來設(shè)置autoplay，使用controls來設(shè)置控制欄。

4. 接下來，用源連接相應的視頻資源，并注意路徑正確。

5. 加載網(wǎng)頁時，將插入視頻播放器自動播放視頻。左側(cè)是播放按鈕、視頻進度控制欄和其他工具。

6. 右邊可以調(diào)節(jié)聲音大小和全屏播放，如果有服務(wù)器，也可以下載。