一个不错的图片播放器,做前端的你懂的!!!

代码:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="930" height="271">
  <param name="movie" value="player.swf">
  <param name="quality" value="high">
  <param name="wmode" value="transparent">
  <param name="FlashVars" value="bcastr_file=img01.jpg|img02.jpg">
  <embed src="player.swf" flashvars="bcastr_file=img01.jpg|img02.jpg" width="930" height="271" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" salign="T" name="scriptmain" menu="false" wmode="transparent">
</object>

下载地址: http://download.csdn.net/download/xxd851116/3696617


效果图1:


效果图2:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,可以使用 HTML5 的 video 标签来实现一个简易的视频播放器。首先,需要在 HTML 中添加一个 video 标签,并设置其 src 属性为视频文件的 URL: ```html <video src="video.mp4"></video> ``` 然后,可以添加一些控制按钮,如播放/暂停、音量调节、进度条等,来实现基本的播放器功能: ```html <video src="video.mp4" controls> <button onclick="playPause()">播放/暂停</button> <input type="range" min="0" max="1" step="0.01" onchange="setVolume(this.value)"> <input type="range" min="0" max="100" step="1" onchange="setProgress(this.value)"> <span id="current-time"></span>/<span id="total-time"></span> </video> ``` 其中,controls 属性可以开启默认的播放器控制条,playPause()、setVolume()、setProgress() 分别是控制播放/暂停、音量、进度的 JavaScript 函数。此外,还可以使用 JavaScript 来获取视频的总时长和当前播放时间,并将其显示在页面上: ```javascript var video = document.querySelector('video'); var currentTime = document.getElementById('current-time'); var totalTime = document.getElementById('total-time'); video.addEventListener('loadedmetadata', function() { totalTime.innerText = formatTime(video.duration); }); video.addEventListener('timeupdate', function() { currentTime.innerText = formatTime(video.currentTime); }); function formatTime(time) { var minutes = Math.floor(time / 60); var seconds = Math.floor(time % 60); return minutes + ':' + (seconds < 10 ? '0' + seconds : seconds); } ``` 这样就可以实现一个简单的视频播放器了。当然,还可以添加更多的功能,如全屏、倍速播放、弹幕等,具体可以根据需求进行扩展。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值