比较好的播放视频插件swfobject.js

偏执的太偏执、 2022-08-06 07:29 270阅读 0赞

播放视频的方法：

方法一、 使用html5播放

<video src="./files/Clip\_480\_5sec\_6mbps\_h264.mp4" width="1000px" height="400px" controls="controls" loop="loop" autoplay="autoplay" poster="images/zzsm.png" style="border:1px solid red;">your browser does not support the video.</video>

poster用来设置视频的封面图，

loop是否循环播放

autoplay是否自动播放

controls是否显示控制按钮

缺点：兼容不太好

方法二：使用视频插件swfobject.js

首先下载下载所需要的文件，在demo.html中

<div class="video\_1" id="a1">  
          
    </div>  
    <script type="text/javascript" src="js/swfobjects.js"></script>  
    <script type="text/javascript">  
        var v = new SWFObject("files/flvplayer.swf", "single", "1100", "550", "1");  
        v.addParam("allowfullscreen", "true");       //可以让视频撑满限定的宽度和高度\*  
        v.addParam("wmode", "transparent");      //可以将视频设置不为最高层，其他层可以覆盖住视频\*  
        v.addVariable('volume', '40');  
        v.addVariable("autostart", 'false');  
        v.addVariable("overstretch", "true");  
        v.addVariable("file", "files/11.flv");//视频路径  
        v.addVariable("image", "images/banner1.jpg");//设置视频封面图  
        v.write("a1");  
    </script>

效果如下图：![Center][]

[Center]: /images/20220806/891a019ab91d4e33b801213554237a3e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，270人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue使用vue-video-player插件播放视频

前言在我的一个项目中，需要进行播放视频，于是进行研究，那么本次也是将我怎么用vue-video-player插件进行播放视频的步骤进行讲解官网文档在进行正式

小鱼儿/ 2024年04月07日 14:30/ 0 赞/ 94 阅读

相关 vue中使用视频播放插件vue-video-player

前言本狗在使用vue-video-player 老是无法播放视频，出现如下错误。 ![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZ

末蓝、/ 2023年10月03日 17:43/ 0 赞/ 11 阅读

相关腾讯视频播放插件Txplayer的使用

官方网站：https://m.v.qq.com/txp/v3/src/jsapi/demos.html 腾讯视频统一播放器是视频应用于全平台播放(电脑，手机，平板

Dear 丶/ 2023年07月18日 04:46/ 0 赞/ 1 阅读

相关 vue视频播放插件

使用步骤： 1. 安装npm install vue-video-player --save 2.在main.js入口文件中引入 import VideoPlayer f

怼烎@/ 2023年06月15日 11:08/ 0 赞/ 14 阅读

相关 howlerjs 音乐播放插件

官网 https://howlerjs.com/ 在组件中使用在需要使用的组件中引入 import "../../static/js/howler.mi

本是古典何须时尚/ 2023年01月06日 11:59/ 0 赞/ 134 阅读

相关比较好的播放视频插件swfobject.js

播放视频的方法：方法一、使用html5播放 <video src="./files/Clip\_480\_5sec\_6mbps\_h264.mp4" w

偏执的太偏执、/ 2022年08月06日 07:29/ 0 赞/ 271 阅读

相关视频播放插件Video.js

来源：http://www.jq22.com/jquery-info404 Video.js最新v6.6.2版 2018-1-02更新 Bug 修复进度条时间工具

妖狐艹你老母/ 2022年05月28日 01:13/ 0 赞/ 453 阅读

相关 vue项目使用视频播放器 h5视频播放插件

vue项目中需要播放视频，然后网上搜了一下对应的插件，发觉xg-player西瓜播放器用起来不错。开源这个播放器的作者应该是一个超级大牛。特此记录一下这款播放器的使用

客官°小女子只卖身不卖艺/ 2022年02月24日 13:30/ 0 赞/ 1103 阅读

相关 html5视频插件video不自动播放解决

视频不能自动播放，而不能像网上的很多视频那样一开始就能播放（边下边放），造成这个问题的原因是一些描述mp4文件信息的`moov atom`元数据默认放置在了视频文件的最后，而所

ゞ浴缸里的玫瑰/ 2022年02月13日 00:07/ 0 赞/ 904 阅读

相关 Html5 jquery视频播放插件Video.js

<!doctype html> <html> <head> <meta charset="utf-8"> <title>

淡淡的烟草味﹌/ 2021年06月26日 16:06/ 0 赞/ 742 阅读