jsp：页面嵌入百度云视频，可播放

最新推荐文章于 2022-03-01 09:03:19 发布

蓉妹妹

最新推荐文章于 2022-03-01 09:03:19 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：项目代码

本文链接：https://blog.youkuaiyun.com/weixin_43517190/article/details/84651071

项目代码专栏收录该内容

41 篇文章

订阅专栏

本文介绍了如何在网页中配置并使用视频播放器，包括设置播放器尺寸、标题、播放地址、预览图、自动播放选项等。同时，还详细说明了如何设置播放器的控制栏、音量、重复播放等功能，以及如何定制播放器的logo。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@page contentType="text/html; charset=GBK"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.infoscape.com.cn/integrateweb/functions" prefix="func"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=GBK" />
    <title>视频</title>
    <c:import url="/cityindex/finclude/commoncss.do?othercss=1" />
    <c:import url="/cityindex/finclude/commonjs.do?isNew=1" />
    <script type="text/javascript" src="${func:getStaticPath('/js/player/cyberplayer.js')}"></script>
</head>
<body>
<div id="dvplay"></div>
<script type="text/javascript">
    var player = cyberplayer("dvplay").setup({
        width: 680, // 宽度，也可以支持百分比(不过父元素宽度要有)
        height: 448, // 高度，也可以支持百分比
        title: "我买网视频", // 标题
        file: "http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.mp4", // 播放地址
        image: "http://gcqq450f71eywn6bv7u.exp.bcevod.com/mda-hbqagik5sfq1jsai/mda-hbqagik5sfq1jsai.jpg", // 预览图
        autostart: false, // 是否自动播放
        stretching: "uniform", // 拉伸设置
        repeat: false, // 是否重复播放
        volume: 100, // 音量
        controls: true, // controlbar是否显示
        starttime: 0, // 视频开始播放时间点(单位s)，如果不设置，则可以从上次播放时间点续播
        logo: { // logo设置
            linktarget: "_blank",
            margin: 8,
            hide: false,
            position: "top-right", // 位置
            file: "http://pic3.womai.com/upload/backend/2018/08/31/10/1535680953978.png" // 图片地址
        },
        ak: "41707430fa52422f83b8efdc797f90c1" // 公有云平台注册即可获得accessKey
    });
</script>
</body>
</html>