javascript - 播放和停止从对象创建的视频标签

标签 javascript jquery html css

我尝试播放和停止从对象标签创建的视频标签,但它返回播放无效的错误。

这是我的代码:

<html>
<head>

<head/>
<body>
<object data="sample.mp4" name="VideoAdv" style="min-width: 100%; min-height: 100%;position:absolute;bottom:0;" >
    <param name="allowFullScreen" value="true" />
    <param name="loop" value="true" />
    <param name="controls" value="false" />
    <param name="autoplay" value="autoplay" />
<param name="Muted" value="true" />
</object>
<body/>
</html>

我的 jquery-js

$("[name=media]").play();

我使用 name=media 因为当我在开发者工具中打开 html 代码时我看到了这个

<object data="sample.mp4" name="VideoAdv" style="min-width: 100%; min-height: 100%;position:absolute;bottom:0;">
<html><head><meta name="viewport" content="width=device-width"></head><body>
<video controls="" autoplay="" name="media"><source src=".../sample.mp4" type="video/mp4"></video></body></html>
    <param name="allowFullScreen" value="true">
    <param name="loop" value="true">
    <param name="controls" value="false">
    <param name="autoplay" value="autoplay">
<param name="Muted" value="true">
</object>

那么我该如何播放和停止视频(我编写的参数没有起作用)?

实际上我想通过更改名称而不是更改 js 或 html 代码来显示视频和图像或序列图像。除了这个还有别的办法吗?

最佳答案

试试这个。希望它的工作

<video width="320" height="240" controls>
  <source src=".../sample.mp4" type="video/mp4">
  <source src=".../sample.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

关于javascript - 播放和停止从对象创建的视频标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58522002/

相关文章:

javascript - jquery hasClass,可不可以给类名开头,获取全类名

javascript - 如果条件在 JAVASCRIPT 中不起作用

javascript - 如何在多个按钮中使用相同的功能以获得相同的结果?

javascript - 使用 Browserify/Babel/node.js 你可以要求一个基于可变字符串的文件吗

javascript - `{where: ' 原始查询'}` 的支持已被删除

javascript - $(document).ready(function () { ... 不会触发

javascript - 无法在 image.onload 内生成输出

javascript - 在点击事件中显示日历

javascript - 使用angularJS将json模板编码为html的方法是什么?

javascript - api获取请求,处理404