圣者
精华
|
战斗力 鹅
|
回帖 0
注册时间 2019-2-19
|
本帖最后由 plazum 于 2023-8-23 16:14 编辑
搞定了,楼主你把以下内容保存为一个html文件,然后打开就能用了- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <title>同时播放四个视频</title>
- </head>
- <body style="text-align: center">
- <div>
- <button onclick="for (const v of ['v1', 'v2', 'v3', 'v4']) document.getElementById(v).play()">全部开始播放</button>
- <button onclick="for (const v of ['v1', 'v2', 'v3', 'v4']) document.getElementById(v).pause()">全部暂停</button>
- </div>
- <table border="1" style="width: 100%">
- <tr>
- <td style="width: 50%">
- <form onsubmit="return false;">
- <input id="t1" style="width: 80%" placeholder="视频地址(本地路径和URL均可)">
- <button type="submit" onclick="document.getElementById('v1').src = document.getElementById('t1').value">打开视频</button>
- </form>
- <video id="v1" style="width: 100%" controls></video>
- </td>
- <td style="width: 50%">
- <form onsubmit="return false;">
- <input id="t2" style="width: 80%" placeholder="视频地址(本地路径和URL均可)">
- <button type="submit" onclick="document.getElementById('v2').src = document.getElementById('t2').value">打开视频</button>
- </form>
- <video id="v2" style="width: 100%" controls></video>
- </td>
- </tr>
- <tr>
- <td style="width: 50%">
- <form onsubmit="return false;">
- <input id="t3" style="width: 80%" placeholder="视频地址(本地路径和URL均可)">
- <button type="submit" onclick="document.getElementById('v3').src = document.getElementById('t3').value">打开视频</button>
- </form>
- <video id="v3" style="width: 100%" controls></video>
- </td>
- <td style="width: 50%">
- <form onsubmit="return false;">
- <input id="t4" style="width: 80%" placeholder="视频地址(本地路径和URL均可)">
- <button type="submit" onclick="document.getElementById('v4').src = document.getElementById('t4').value">打开视频</button>
- </form>
- <video id="v4" style="width: 100%" controls></video>
- </td>
- </tr>
- </table>
- </body>
- </html>
复制代码 |
评分
-
查看全部评分
|