Initial heart constant 2021-03-26 00:35 采纳率: 50%
浏览 21

input输入链接传入DPlayer url中并打开播放

input输入链接传入DPlayer url中并打开播放

 

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script src="http://api.qinggx.cn/js_css/DPlayer.min.js"></script>
    <script src="http://api.qinggx.cn/js_css/flv.min.js"></script>
    <script src="http://api.qinggx.cn/js_css/hls.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://api.qinggx.cn/js_css/DPlayer.min.css">
    <style>

    </style>
</head>
<body>


<div id="dplayer" ref="dplayer">

    <script>
        const dp = new DPlayer({

            container: document.getElementById('dplayer'),
            autoplay: true,
            theme: '#FADFA3',
            loop: true,
            lang: 'zh-cn',
            screenshot: true,
            hotkey: true,
            preload: 'auto',
            logo: 'http://api.qinggx.cn/logo.png',
            volume: 0.5,
            mutex: true,
            video: {
                url:'demo.mp4',
                pic: 'dplayer.png',
                // thumbnails: 'thumbnails.jpg',
                //预览图
                type: 'auto',
            },
            subtitle: {
                url: 'dplayer.vtt',
                type: 'webvtt',
                fontSize: '25px',
                bottom: '10%',
                color: '#b7daff',
            },
            contextmenu: [
                {
                    text: 'custom1',
                    link: 'https://github.com/DIYgod/DPlayer',
                },
                {
                    text: 'custom2',
                    click: (player) => {
                        console.log(player);
                    },
                },
            ],
           /* highlight: [
                {
                    time: 20,
                    text: '这是第 20 秒',
                },
                {
                    time: 120,
                    text: '这是 2 分钟',
                },
            ],*/
        });
    </script>
</div>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • 默默地写代码 2021-03-26 09:37
    关注
    // html
<div id="dplayer"></div>

<input type="url" name="video_url" />
<button class="play">播放</button>

// JavaScript  这里用的jQuery
<script>
const dp = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'demo.mp4',
    },
});

$(".play").on("click",function(){
        let url = $(input).val();
        dp.switchVideo(
            {
                url: url,
                pic: 'second.png',
                thumbnails: 'second.jpg',
            }
        );
})

</script>
    评论

报告相同问题？

悬赏问题

  • ¥15 同一个网口一个电脑连接有网，另一个电脑连接没网
  • ¥15 神经网络模型一直不能上GPU
  • ¥15 pyqt怎么把滑块和输入框相互绑定，求解决！
  • ¥20 wpf datagrid单元闪烁效果失灵
  • ¥15 券商软件上市公司信息获取问题
  • ¥100 ensp启动设备蓝屏，代码clock_watchdog_timeout
  • ¥15 Android studio AVD启动不了
  • ¥15 陆空双模式无人机怎么做
  • ¥15 想咨询点问题，与算法转换，负荷预测，数字孪生有关
  • ¥15 C#中的编译平台的区别影响