【问题标题】:How to fix 412 (Precondition Failed) Error HTML5 Video Tag如何修复 412(前提条件失败)错误 HTML5 视频标签
【发布时间】:2017-01-24 10:30:05
【问题描述】:

我在 FlexSlider 中使用 HTML5 视频标签。有时视频停止工作。经过大量搜索后,我得到了这个错误。

GET http://studiobooth.local/app/videos/0062mParticle12151601.mp4 412 (Precondition Failed)

这是我的 HTML5 视频标签代码:

<video preload="none" src="http://studiobooth.local/app/videos/2.mp4" poster="http://studiobooth.local/app/videos/thumbs/2.jpg" controls="" loop="" style="max-width:100%;height:100%;"><source src="http://studiobooth.local/app/videos/2.mp4" type="video/mp4">Your browser does not support the video tag.</video>

请帮我解决它。

谢谢

【问题讨论】:

    标签: html5-video preconditions http-status-code-412


    【解决方案1】:

    我得到了一个临时解决方案,它帮助我让它发挥作用。这是我的代码,其中我将毫秒附加到文件源 URL 并在发生任何错误时重新加载相同的视频文件。

    media.addEventListener('error', function (e) {
    
       var date = new Date();
       var milliSecs = date.getMilliseconds();
       var curr_src = $(media[0]).attr('src');
       var curr_src_arr = curr_src.split("?");
       var new_src = curr_src_arr[0]+"?t="+milliSecs;
    
       $(media[0]).attr('src',new_src);
       $(media[0]).find('source').attr('src',new_src);
       media[0].load();
       //media[0].play(); /* Here we can not trigger play video/audio without user interaction. */
    }, false);
    

    https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/doc/uid/TP40009523-CH2-SW1

    【讨论】:

      猜你喜欢
      • 2017-12-29
      • 1970-01-01
      • 1970-01-01
      • 2016-04-05
      • 1970-01-01
      • 1970-01-01
      • 2019-04-17
      • 2016-03-31
      • 1970-01-01
      相关资源
      最近更新 更多