今天讨论网页中插入视频的方案，咱不讨论video标签的使用方法，video标签比较兼容的写法为：
1 <video width="800" height=""> 2 <source src="myvideo.mp4" type="video/mp4"></source> 3 <source src="myvideo.ogv" type="video/ogg"></source> 4 <source src="myvideo.webm" type="video/webm"></source> 5 <object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf"> 6 <param name="movie" value="myvideo.swf" /> 7 <param name="flashvars" value="autostart=true&file=myvideo.swf" /> 8 </object> 9 当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a> 10 </video>
但是一般不会同一个视频生成MP4、ogg、webm和swf（flash）四种格式的视频，原因是太占用时间了。
讨论的第一种方案是：将视频上传到爱奇艺、优酷和腾讯等第三方视频网站上，在使用第三方网站提供的代码（在视频下方的“分享”按钮中即可找到），具体测试代码为：
1 <!DOCTYPE html> 2 <html lang="zh"> 3 4 <head> 5 <meta charset="UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge" /> 8 <title>网页中插入视频的方法</title> 9 <style type="text/css"> 10 * { 11 margin: 0; 12 padding: 0; 13 } 14 15 body { 16 text-align: center; 17 } 18 19 div { 20 font-size: 18px; 21 color: #2E8DED; 22 margin-top: 20px; 23 } 24 </style> 25 </head> 26 27 <body> 28 <!--爱奇艺视频（无通用代码） 只支持PC端 IE8以上都可以--> 29 <div> 30 爱奇艺视频（无通用代码） 只支持PC端 IE8以上都可以 31
最低0.47元/天 解锁文章
1601
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
