test-dom.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>测试 DOM 元素</title>
  6. </head>
  7. <body>
  8. <h1>DOM 元素测试</h1>
  9. <div id="media">
  10. <audio id="audio" autoplay="true"></audio>
  11. <video id="video" style="width:600px;" autoplay="true" playsinline="true"></video>
  12. </div>
  13. <script>
  14. // 检查 DOM 元素
  15. const audio = document.getElementById('audio');
  16. const video = document.getElementById('video');
  17. console.log('=== DOM 元素检查 ===');
  18. console.log('Audio 元素:', audio ? '✅ 存在' : '❌ 不存在');
  19. console.log('Video 元素:', video ? '✅ 存在' : '❌ 不存在');
  20. if (audio && video) {
  21. console.log('✅ DOM 元素都正常!');
  22. document.body.innerHTML += '<p style="color: green; font-size: 24px;">✅ DOM 元素加载成功!</p>';
  23. } else {
  24. console.error('❌ DOM 元素缺失!');
  25. document.body.innerHTML += '<p style="color: red; font-size: 24px;">❌ DOM 元素加载失败!</p>';
  26. }
  27. // 测试设置 srcObject
  28. try {
  29. if (audio) {
  30. audio.srcObject = null; // 测试
  31. console.log('✅ 可以设置 audio.srcObject');
  32. }
  33. if (video) {
  34. video.srcObject = null; // 测试
  35. console.log('✅ 可以设置 video.srcObject');
  36. }
  37. } catch (e) {
  38. console.error('❌ 设置 srcObject 失败:', e);
  39. }
  40. </script>
  41. </body>
  42. </html>