jplayer - html5视频播放器插件

最新推荐文章于 2025-05-08 10:17:33 发布

转载最新推荐文章于 2025-05-08 10:17:33 发布 · 249 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12074

文章标签：

#html5 #音视频 #html

网站模版专栏收录该内容

3170 篇文章

订阅专栏

本文提供了一个使用jQuery jPlayer插件配置音视频播放器的例子。通过设置播放器样式和指定不同格式的媒体文件路径，可以实现跨浏览器兼容性的多媒体播放。本文还展示了如何加载海报图像，并定义了播放器所需的尺寸。

下载地址https://yy123.ink/frontDetail/12074

$(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { m4v: "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v", ogv: "http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv", webmv: "http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm", poster: "http://imgs.jqueryfuns.com/2015/8/3/6ecb72369151e5e547355312423c9bfb15611.jpg" }); }, swfPath: "../js", supplied: "webmv, ogv, m4v", size: { width: "640px", height: "360px", cssClass: "jp-video-360p" } });