關於網頁上增長視頻功能的代碼

在開發網站上時候，不知道怎麼在本身的網站上增長視頻播放功能。後來找了許多資料，無論怎麼說，仍是在本身的網站上掛上了視頻頁面及播放窗口，儘管很小白，記錄下來，以成長精進之用。

1直接利用優酷代碼

如何在本身的網站上引用優酷視頻http://www.chuangluo.com/news...

先複製了一段html代碼，發現很差調整位置，視頻界面不在網頁的中間位置；後來就複製了一段通用代碼：

<iframe height=498 width=510 src='http://player.youku.com/embed/XMjc0MDA0ODA4OA==' frameborder=0 'allowfullscreen'></iframe>

在這段通用代碼中，能夠經過heidht及width來調整視頻界面的大小。
原本想在在indexcontroller.php中增長字符串截取代碼，能夠得到src中的網址，後爲了簡單起見，下降我初學小白的代碼難度。就走了捷徑。設計一項參數輸入。在video.blade.php中直接寫成：

<iframe height=498 width=510 src='{{$field->video_src}}' frameborder=0 'allowfullscreen'></iframe>

簡單地解決了引入視頻播放畫面的困局。

2利用H5自帶的視頻播放功能

這個沒有研究，只記得當時學習HTML5的時候有這個功能；開發網站的時候就沒有深究。這個之後能夠學習一下

不過在視頻檢索的時候這個網站上的問答頁面看到了一個比較好的視頻播放代碼。感受不錯，就保存了下來。

<video id="video" controls="" preload="none" poster="http://media.w3.org/2010/05/sintel/poster.png">
      <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4">
      <source id="webm" src="http://media.w3.org/2010/05/sintel/trailer.webm" type="video/webm">
      <source id="ogv" src="http://media.w3.org/2010/05/sintel/trailer.ogv" type="video/ogg">
      <p>Your user agent does not support the HTML5 Video element.</p>
    </video>

http://media.w3.org/2010/05/s...