如何在網頁中插入視頻

作者:fywxf 日期:2018-08-10

字體大小: 小中大

有些朋友在爲公司制作網頁時，經常會遇到要求在網頁中插入視頻的要求吧？

    在過去這可能是個難題，可在現在，這完全是小菜一碟。因爲現在有了很多服務穩定、内容豐富的視頻網站，我們可以将視頻放到視頻網站上，再鏈接到自己的公司網頁中。

    提到視頻網站，相信大家都不會陌生，而且應該運用起來比較娴熟吧？沒錯，用視頻網站上的視頻嵌入到自己的網頁中就像在網頁中插入Flash一樣簡單，基本上隻會用到兩種方法，請看下面的詳細介紹。

    視頻網站，我們就以國内最具代表性的優酷網和土豆網兩家爲例。

    優酷網的視頻播放器下方會有共享按鈕，點擊它就可以看到共享的鏈接
    土豆網的視頻播放器下方同樣也有分享按鈕，不過需要點擊展開按鈕才可以看到，而且形式和優酷網也略有區别，“複制swf播放器地址”就是複制以swf爲文件結尾的視頻播放器地址，“複制Html代碼”就是複制以<embed>爲開頭的播放器插件源代碼，這兩項的格式和内容基本和優酷網相似。

    下面介紹一下這兩種代碼的使用方法。

    無論從哪個視頻網站，如果使用第一種“複制swf播放器地址”将視頻插入到網頁中，就需要使用插入flash文件的方式。用Dreamweaver新建或打開一個網頁，然後點擊軟件工具欄中插入flash按鈕，在彈出的對話框中輸入複制的URL地址，最後在定義一下flash播放器的寬度和高度就可以了。

    如果采用第二種“複制Html代碼”，要想将視頻插入到網頁中，需要用Dreamweaver新建或打開一個網頁，然後在源代碼中将所複制的代碼粘貼進來，然後直接預覽就可以了。