Question

我正在努力将操作方法视频嵌入我们的CRM / ERP html帮助文件中。这些帮助文件只能在公司内部访问，任何人都不能从外部访问。

我是HTML的新手，经过一段时间在Google上我发现了一段代码，我可以使用它来嵌入视频文件，我的问题是视频文件在页面加载后立即播放（使用IE 10），我希望只有当用户点击嵌入视频中的播放按钮时才能播放视频。

以下是我使用的代码：

<video width="1280" height="740" controls>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   <object data="S:\Syteline\Syteline Manuals\Video Guides\Test\TestMP4Vid.mp4" width="1280" height="740">
     <embed src="movie.swf" width="1280" height="740">
   </object> 
 </video>

是否有一种简单的方法可以防止嵌入视频在页面加载时播放，而只是在用户点击播放按钮时？

或者我想我可以创建一个超链接，单击该链接会导致视频在单独的选项卡中播放，但我正在跳跃使嵌入式视频正常工作。

<a href="S:\Syteline\Syteline Manuals\Video Guides\Test\TestMP4Vid.mp4">Video</a>

非常感谢任何帮助或建议。欢呼声。

Answer 1

您可以在此处看到您的视频不应自动启动（自动播放属性使其自动播放）：link on w3schools。所以，可能你的电影在flash中运行并自动启动。

如果不是这样，那么请提交您遇到此问题的浏览器。

您还可以选择将图像作为电影的预览，并在用户点击后附加视频对象。有多种方法可以做到这一点，我的建议是使用jQuery。像：

$("#id_of_your_image").replaceWith('
    <video width="1280" height="740" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        <object data="S:\Syteline\Syteline Manuals\Video Guides\Test\TestMP4Vid.mp4" width="1280" height="740">
            <embed src="movie.swf" width="1280" height="740">
        </object>
    </video>'
);

Answer 2

为您的视频分配ID：

<video id="my_video" width="1280" height="740" controls>

并使用javascript：

document.getElementById("my_video").autoplay=false;

防止在嵌入式HTML视频上自动播放

2 个答案: