| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>测试 DOM 元素</title>
- </head>
- <body>
- <h1>DOM 元素测试</h1>
- <div id="media">
- <audio id="audio" autoplay="true"></audio>
- <video id="video" style="width:600px;" autoplay="true" playsinline="true"></video>
- </div>
-
- <script>
- // 检查 DOM 元素
- const audio = document.getElementById('audio');
- const video = document.getElementById('video');
-
- console.log('=== DOM 元素检查 ===');
- console.log('Audio 元素:', audio ? '✅ 存在' : '❌ 不存在');
- console.log('Video 元素:', video ? '✅ 存在' : '❌ 不存在');
-
- if (audio && video) {
- console.log('✅ DOM 元素都正常!');
- document.body.innerHTML += '<p style="color: green; font-size: 24px;">✅ DOM 元素加载成功!</p>';
- } else {
- console.error('❌ DOM 元素缺失!');
- document.body.innerHTML += '<p style="color: red; font-size: 24px;">❌ DOM 元素加载失败!</p>';
- }
-
- // 测试设置 srcObject
- try {
- if (audio) {
- audio.srcObject = null; // 测试
- console.log('✅ 可以设置 audio.srcObject');
- }
- if (video) {
- video.srcObject = null; // 测试
- console.log('✅ 可以设置 video.srcObject');
- }
- } catch (e) {
- console.error('❌ 设置 srcObject 失败:', e);
- }
- </script>
- </body>
- </html>
|