swfobject java_[Java教程]swfobject.js视频播放插件

[Java教程]swfobject.js视频播放插件

0 2015-09-02 10:00:04

在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:

html代码结构:

css样式结构:body{background: #003368}#video_content{width:600px;height:400px;margin:200px auto;}

js代码:function showFLV(flvId,flvUrl,imgUrl,w,h){ var imgUrl = imgUrl; var flvUrl = flvUrl; var w = w || "907"; var h =h || "455"; var s1 = new SWFObject("flvplayer.swf","single",w,h,"7"); s1.addParam("allowfullscreen","true"); s1.addParam("wmode","transparent"); s1.addVariable("file",flvUrl); s1.addVariable("image",imgUrl); s1.addVariable("width",w); s1.addVariable("height",h); s1.addVariable('autostart','true'); s1.write(flvId); }showFLV('video_content','flv_4.flv','',600,400);

结果实现如图:

bc91bb04e6e9c61e24c974e4440db8f2.gif

需要demo猛点该文字,百度云盘下载

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。

本文网址:http://www.shaoqun.com/a/141446.html

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。

JS

0

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在HTML中播放RTSP流,你需要使用支持RTSP协议的视频播放插件或API。HTML5提供了一些基础的支持,但可能不完全满足所有RTSP流的需求,因此通常会使用第三方库或者Flash(虽然Flash正在逐步淘汰,但在某些情况下仍可用)。 以下是一个基本步骤: 1. 使用HTML5 `<video>`元素尝试播放: ```html <video id="rtspPlayer" controls> <source src="rtsp://your-stream-url" type="application/x-rtp" /> Your browser does not support RTSP playback. </video> ``` 在这里,`src`属性是你的RTSP流地址,`type`设置为`application/x-rtp`告诉浏览器这是一个RTSP源。 2. 如果浏览器不支持,可以考虑使用HTML5的`MediaSource Extensions (MSE)`和`RTCPeerConnection` API,但这需要后端服务器的支持,因为浏览器本身可能无法处理RTSP。这时,可能需要使用WebRTC库,如`SimpleRTSPClient`或`jsep`。 3. 使用Flash(需谨慎,因为Adobe计划于2021年停止Flash的开发): - 使用Flash Player的`ActiveXObject`(仅限IE浏览器)或`swfobject.js`库创建一个SWF对象,然后指向RTSP流。 - 示例代码(仅适用于IE): ```javascript var flashvars = { url: "rtsp://your-stream-url", }; swfobject.embedSWF("path/to/your/player.swf", "rtspPlayer", "640", "480", "11.2.0", null, flashvars); ``` 4. 为了更现代的解决方案,可以考虑使用一些开源库,如Video.js(配合RTMP.js插件),JW Player或VLC.js等,它们提供了跨浏览器的RTSP支持。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值