Question

我正在尝试制作HTML视频。当它是静态的时，它工作正常，但是当我动态设置它时，它不工作。我想念什么？

请注意，这在代码段中可以正常运行，但不适用于我的本地版本-为什么？

$(document).ready(function() {
  var videoURl = 'https://www.w3schools.com/htmL/mov_bbb.mp4';
  $('video').find('source').attr('src', videoURl);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<video width="400" controls autoplay="autoplay">
  <source src="" type="video/mp4">
</video>

Answer 1

此问题可能是由于在HTML5自动播放功能生效时，视频的->whereRaw('? BETWEEN `week_beginning_date` AND `week_end_date`', [DB::raw("({$subQuery->toSql()})")])属性设置不正确引起的。并非所有浏览器都清楚地报告此错误。如前所述，当今浏览器通常对自播内容更加严格。例如，检查Chrome浏览器的更新后的autoplay policies。

为了使该跨浏览器兼容，您可以在脚本中准备src元素，将其附加到source元素，然后触发视频的video函数（请参见下面的代码段。）

play()

$(document).ready(function() {
   var videoURL = "https://www.w3schools.com/htmL/mov_bbb.mp4";
   var source = $("<source>");
   source.attr("src", videoURL);
   source.attr("type", "video/mp4");
   $("video").append(source);
   $("video").get(0).play()
});

HTML5视频无法动态播放

1 个答案: