关于网页上增长视频功能的代码

在开发网站上时候，不知道怎么在本身的网站上增长视频播放功能。后来找了许多资料，无论怎么说，仍是在本身的网站上挂上了视频页面及播放窗口，尽管很小白，记录下来，以成长精进之用。

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...