微信中网页插入视频
2015-08-13 16:56
204 查看
在微信开发中,本来要做一个网页用来显示PPT,发现在显示的过程中,出现问题,并不是这么简单,在此记下,在做的过程中遇到的问题,为各位开发者提供一个参考!
当我想做这个的时候,在QQ群中询问,得到的答案是用HTML5 做一个类似PPT的东西,说实话,本人对于前台页面的设计比较不在行,所有查了一些资料下来发现这不是一个好方法,如是百度发现可以把PPT上传到微软的SKydriver然后把PPT分享,就可以把PPT样式弄出来了,世界上我是弄出来了,但是不知道为什么,这个url总是掉线,时时打不开,出现网页加载不了,此时只能另外想办法了,做成视频吧,这样是可以的,如是要把PPT转换成视频,在WPS中的【特色功能】中可以把视频转换成mp4格式和avi格式,转换完成后,把视频转换成swf格式,转换工具用
格式工厂 比较可以,最主要是免费的产品,比较OK关键技术强大!转换之后,就可以在web页面把它弄出来了,如代码所示:
<code>
<form id="form1" runat="server">
<div>
<embed height="100" width="100" src="PPT/move.swf" />
</div>
</form>
</code>
在一般浏览中都能查看视频,但是在微信的网页中就是查看不了,此时我的心很郁闷,在网上找了很多办法,很多人就说没辙了,可以用腾讯视频,下面主要说是我没有利用腾讯视频就解决了此种难题,我们把视频上传到优酷网络上,然后查看自己的视频有一个分享,如下图:
选择通用代码,然后把这段代码嵌入你的网页中如下:
<code>
<div>
<div align="center">
<iframe height="300px" width="340px" src="http://player.youku.com/embed/XMTMwODU3NTk4OA==" frameborder=0 allowfullscreen></iframe>
<br />
<span><a style="font-size:smaller;font-style:oblique" href="http://v.youku.com/v_show/id_XMTMwODU3NTk4OA==.html">产品介绍</a></span>
</div>
</div>
</code>
这样就可以在微信中的内置浏览中可以查看该视频了!
当我想做这个的时候,在QQ群中询问,得到的答案是用HTML5 做一个类似PPT的东西,说实话,本人对于前台页面的设计比较不在行,所有查了一些资料下来发现这不是一个好方法,如是百度发现可以把PPT上传到微软的SKydriver然后把PPT分享,就可以把PPT样式弄出来了,世界上我是弄出来了,但是不知道为什么,这个url总是掉线,时时打不开,出现网页加载不了,此时只能另外想办法了,做成视频吧,这样是可以的,如是要把PPT转换成视频,在WPS中的【特色功能】中可以把视频转换成mp4格式和avi格式,转换完成后,把视频转换成swf格式,转换工具用
格式工厂 比较可以,最主要是免费的产品,比较OK关键技术强大!转换之后,就可以在web页面把它弄出来了,如代码所示:
<code>
<form id="form1" runat="server">
<div>
<embed height="100" width="100" src="PPT/move.swf" />
</div>
</form>
</code>
在一般浏览中都能查看视频,但是在微信的网页中就是查看不了,此时我的心很郁闷,在网上找了很多办法,很多人就说没辙了,可以用腾讯视频,下面主要说是我没有利用腾讯视频就解决了此种难题,我们把视频上传到优酷网络上,然后查看自己的视频有一个分享,如下图:
选择通用代码,然后把这段代码嵌入你的网页中如下:
<code>
<div>
<div align="center">
<iframe height="300px" width="340px" src="http://player.youku.com/embed/XMTMwODU3NTk4OA==" frameborder=0 allowfullscreen></iframe>
<br />
<span><a style="font-size:smaller;font-style:oblique" href="http://v.youku.com/v_show/id_XMTMwODU3NTk4OA==.html">产品介绍</a></span>
</div>
</div>
</code>
这样就可以在微信中的内置浏览中可以查看该视频了!
相关文章推荐
- 100条超实用微信营销技巧:公众号、朋友圈和微信营销
- 100条超实用微信营销技巧:公众号、朋友圈和微信营销
- js实现类似微信网页版在可编辑的div中粘贴内容时过滤剪贴板的内容,光标始终在粘贴内容后面,以及将光标定位到最后的方法
- Android 联系人字母排序(仿微信)
- 最新获取微信支付共享收货地址接口
- 微信内置浏览器submit函数无效的问题
- C#微信公众平台接入示例代码
- 微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案
- 前端页面中iOS版微信长按识别二维码的bug与解决方案
- 用Chrome在电脑上模拟微信内置浏览器
- js如何判断用户是否是用微信浏览器
- Protocol buffer序列化及其在微信蓝牙协议中的应用
- Android仿微信联系人按字母排序
- 暴走仿微信底部菜单HTML代码
- 集成微信支付时遇到的问题
- WiFi万能钥匙全球总用户破7亿比肩微信
- 【微信运营】数据是会骗人的!赶紧揪住骗子!
- 微信月活跃用户6亿,同比增长36.9%
- [1] 微信公众号与sae的web应用之间的配置
- 文件切割和文件合并