如何在博客中插入第三方视频网站的视频（纯代码实现）
如今博客的内容越来越丰富，很多时候我们都需要配以音乐视频来丰富博客的内容。很多插件可以实现插入音乐、视频等信息，但是插件的运行会增加系统负担，导致网页打开的速度变慢，对于不经常插入视频偶尔需要引用视频的话建议使用代码，对于经常需要插入视频的用户建议使用插件会变得简单方便。
本文介绍主流视频服务网站的视频如何通过代码插入到博客之中，介绍的视频网站有优酷、土豆、爱奇艺、搜狐、乐视、pptv、新浪视频、56视频、酷6、腾讯视频、华数视频
优酷
在优酷网中进入目标视频网页，在视频界面的下方有一个分享按钮点击可以看到视频的分享代码
- 通用代码：适用于电脑和手机网页，电脑网页会使用Flash播放，手机网页会使用Html5播放
- Html代码：使用Flash播放视频，电脑网页可以放，手机不支持，适用于电脑网页
- Flash地址：视频播放的flash地址，在特定的编辑器中可直接引用
土豆
在土豆网视频播放页面，视频窗口下面有着和优酷一样的分享代码，复制到博客文章中即可！
使用方法和优酷一样，建议使用通用的iframe代码。
乐视
进入乐视网视频播放页面，开始播放后右上角有一个分享按钮，点击后复制出现的HTML地址到博客中即可！
- 遗憾的是乐视给出的代码使用flash播放视频，所以手机网页不支持播放，只能电脑网页播放。
搜狐
进入搜狐视频目标网页，在视频窗口下面有一个分享界面点击打开后按需要复制代码！
可以看到有三种代码，如果我们只要求在电脑网页中播放视频，那么复制Html代码到博客中就行了（手机中不支持播放），如果想要在手机和电脑中都能播放，那么久需要通用代码，注意通用代码不能直接使用，需要在iframe框架中使用。
使用以下代码复制到博客中即可实现手机和电脑的播放:
- <iframe src="http://tv.sohu.com/upload/static/share/share_play.html#3581040_7112159_0_2_1" width="100%" height="500" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
方法：把通用地址代码替换上诉代码中src=" "里面的地址，需要注意的是ifame并不能自动适应屏幕，width height参数不对播放窗口比例就会失调，width推荐填100%，这样能横着铺满屏幕，height与博客主题有关，上诉数值不合适的话自己可以调节。（irame插入的视频电脑网页会自动播放，无法控制自动播放）
- height高度不合适
- height高度合适
爱奇艺
进入爱奇艺目标网页，在视频窗口下面有分享按钮点击打开，复制通用代码到博客中即可！
- Html代码：适用于电脑网页播放，手机不支持播放
- 通用代码：适用于电脑和移动设备
PPTV
打开PPTV视频播放网页，点击视频右面的分享按钮，复制html代码到博客中即可！
- 注意：代码不支持移动设备播放，只能从电脑网页上播放
腾讯视频
打开腾讯视频播放网页，视频窗口下面有一个分享，点击复制通用代码到博客中即可！
56视频
打开56视频，在播放窗口下面找到分享地址，复制iframe代码到博客中！
酷6
打开酷6视频播放网页，点击视频界面下面的分享，复制网页代码到博客中即可！
华数TV
找到华数TV视频播放网页，点击下面的分享，复制通用代码到博客中即可！
新浪视频
打开新浪视频播放地址，#号后面的数字替换下面代码的video_id=250988103的数字，复制到博客中即可！
- <embed src="http://p.you.video.sina.com.cn/swf/opPlayer20161219_V5_1_1_46.swf?video_id=250988103" width="100%" height="500" allowfullscreen="true"></embed>
- 注意：此代码只能在电脑网页中播放，不支持移动设备播放
发表评论
要发表评论，您必须先登录。