Question

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

它只加载视频，但不播放它。我正在使用“video.js”JavaScript和CSS库来操纵视频代码以获得一致的用户界面。

如果我遗失了什么请告诉我。

这是我的代码：

<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>

无法看到此代码中的视频？

1 个答案: