javascript - 无法通过此代码查看视频？

Question

我尝试使用以下 HTML 来显示视频。但是我看不到视频。

它只加载视频，但不播放。我正在使用“ video.js ”一个 JavaScript 和 CSS 库，它操作视频标签以获得一致的 UI。

如果我遗漏了什么，请告诉我。

这是我的代码：

<video id="my_video_1" class="video-js vjs-default-skin" controls
        preload="auto" width="640" height="264" poster="my_video_poster.png"
    data-setup="{}" >
        <source src="scroll_index.mp4" type='video/mp4'>
    <source src="scroll_index.webm" type='video/webm'>
</video>

我在 body 标签中包含了上面的代码，并且在 head 标签中也包含了对video.js和video.css的引用。

Answer 1

我不知道你正在测试什么浏览器，也许它不支持 html5 视频标签，但关于你的评论，我不这么认为 :)

但是，您既没有设置controls属性以使控制面板出现以便用户可以手动启动（和控制）视频，也没有设置autoplay属性以使视频在准备好后立即播放，因此我建议添加以下属性：

<video id="my_video_1" class="video-js vjs-default-skin" controls
       preload="auto" width="640" height="264"   poster="my_video_poster.png"
       autoplay="autoplay" controls="controls" 
       data-setup="{}">
    <source src="scroll_index.mp4" type='video/mp4'>
    <source src="scroll_index.webm" type='video/webm'>
</video>