php插入视频,网页中是如何插入视频的?

本文探讨了两种在网页中插入视频的方法。一种是利用爱奇艺、优酷、腾讯等第三方视频网站的分享代码,这种方法兼容性好且加载速度快。另一种是使用ckplayer插件,它能较好地兼容PC和移动端,但IE8可能无法播放。建议优先考虑使用第三方视频平台以节省服务器资源。
摘要由CSDN通过智能技术生成

网站不同,操作大同小异,在如今网络上的信息量日渐膨胀的前提下,网站对数据信息的多样化和个性化设计也愈加的重视。多媒体技术逐渐发展和提高给在线展示的形式从视频、音频、PPT、图表等发展到视频中提供了条件。

今天讨论网页中插入视频的方案,咱不讨论video标签的使用方法,video标签比较兼容的写法为:

1 2 3 4 5 6 7 8 9 当前浏览器不支持 video直接播放,点击这里下载视频: 下载视频10

但是一般不会同一个视频生成MP4、ogg、webm和swf(flash)四种格式的视频,原因是太占用时间了。

讨论的第一种方案是:将视频上传到爱奇艺、优酷和腾讯等第三方视频网站上,在使用第三方网站提供的代码(在视频下方的“分享”按钮中即可找到),具体测试代码为:

1 2 3 4

5 6 7 8 网页中插入视频的方法 9 25 26 27 28 29
30 爱奇艺视频(无通用代码) 只支持PC端 IE8以上都可以31
32 33
34 腾讯视频 全部支持 IE8以上都可以35
36 37 38
39 优酷视频 全部支持 IE8以上都可以40
41 42 43 44 45

网页显示效果为:

83e79d1d6636686ef62f265df5d170a6.png

需要说明的是:在第三方视频网站上分享代码中选择通用的代码,这样可以使得PC端和移动端均能良好的展现视频。

讨论的第二种方案是:使用ckplayer插件。

ckplayer插件的官网为:

官网上有在线配置功能,根据自己的需要进行配置,其中一个比较好测试代码为ckplayer调用html5播放器,

1 2 3 4

5 6 ckplayer调用html5播放器 7 8 9 10 12 13 28 29 30

PC效果为:

557dfe772d7488dca82de10f5b5b5d49.png

移动端效果为:

faf16db2df0d9d6532bf7d71bd042fbc.png

说明:视频只需要使用目前浏览器支持最多的MP4格式即可,需要处理的视频格式少。其次是使用ckplayer插件可以比较完美的兼容PC和移动端浏览器(经测试IE8 视频播放不了)。

总结:

优先建议将视频上传到第三方视频网站,兼容性好,同时视频加载快,不会占用网站服务器的带宽资源。

其次使用ckplayer插件在网页中插入本地视频。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值