时间戳

首页 > 解决方案 > 播放和停止从对象创建的视频标签

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

问题描述

我尝试播放和停止从对象标签创建的视频标签，但它返回播放不起作用的错误。

这是我的代码：

<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 代码来显示视频和图像或序列图像。除了这个还有什么办法吗？

标签： javascriptjqueryhtmlcss

解决方案

那么检查这个代码。我只使用 youtube 视频获取数据。

<html>
    <body>
        <object data="https://www.youtube.com/v/tgbNymZ7vqY" 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>

https://jsfiddle.net/tro4f8zh/

推荐阅读