【问题标题】:html video player doesn't load without a refreshhtml 视频播放器不刷新就无法加载
【发布时间】:2021-08-23 12:35:41
【问题描述】:

html5 播放器不刷新就无法加载 ..如何解决这个问题?

    <!--IsvideoFileStart-->
    
<link class="dplayer-css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
<div class="nexmoe-item">
    <div class="mdui-center" id="dplayer"></div>
</div>
<script>
    const dp = new DPlayer({
        container: document.getElementById('dplayer'),
        lang:'zh-en',
        video: {
            url: '<!--FileDownUrl-->',
            type: 'auto'
        }
    });
document.getElementById('dplayer').load();
</script>
        
<!--IsvideoFileEnd-->

请帮帮我,谢谢!

【问题讨论】:

  • document.getElementById('dplayer').load(); 肯定不行,因为 DIV 元素没有load() 方法。
  • 问题不在于 javascripthtml,而特别是关于 pjax。你应该编辑你的标签
  • 你在 Yii 中使用 pjax 还是什么?你的堆栈是多少?
  • 播放器加载..我需要手动刷新页面来加载播放器

标签: html5-video video-player pjax


【解决方案1】:

尝试通过运行$.pjax.reload({ container: '#dplayer' });重新加载它

【讨论】:

  • 感谢您的回复,我试试这个。我认为我做错了,我是菜鸟:/ &lt;script&gt; const dp = new DPlayer({ container: document.getElementById('dplayer'), lang:'zh-en', video: { url: '&lt;!--FileDownUrl--&gt;', type: 'auto' } }); $.pjax.reload({ container: '#dplayer' }); &lt;/script&gt; added &lt;script src="https://cdn.jsdelivr.net/npm/pjax@0.2.8/pjax.js"&gt;&lt;/script&gt; &lt;script src="https://cdn.jsdelivr.net/npm/pjax@0.2.8/pjax.min.js"&gt;&lt;/script&gt;
  • @error404 好吧,没有理由添加两个脚本,因为它是相同的代码,只有第二个被缩小了
  • 好吧,但是$.pjax.reload({ container: '#dplayer' }); 有效。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-04-19
相关资源
最近更新 更多