设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 我刚刚写的简单的代码，为啥音乐和视频播放不了
返回列表 发新帖
查看: 3976|回复: 7

[已解决]我刚刚写的简单的代码，为啥音乐和视频播放不了

[复制链接]
chaowei2008
发表于 2019-1-25 16:33:29 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Document</title>
  9.     <style type="text/css">
  10.     body{
  11.         padding: 0px;
  12.         margin: 0px;
  13.     }
  14.    a{  
  15.        margin-left: 150px;
  16.         line-height: 50px;
  17.         text-decoration: none;
  18.         font-weight: 700;
  19.         letter-spacing: 1em;
  20.     }
  21.     a:hover{
  22.         font-size: 20px;
  23.          color: chartreuse;
  24.         text-decoration: none;
  25.     }
  26.     img{
  27.         border: 3px solid palegoldenrod;
  28.         padding: 10px;
  29.         margin-left: 200px;
  30.     }
  31.     p{
  32.         margin-left: 200px;
  33.         /* text-indent: 2em; */
  34.         letter-spacing: 10px;

  36.     }
  37.     </style>
  38. </head>
  39. <body>
  40. <a href="www.youtuyou.com">我爱你怎么办？
  41.     我的微信号是35岁的我以后怎么办.</a>
  42. <div>
  43. <img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1380934815,3976934462&fm=173&s=169539C8C862A34740F7ED10030050DB&w=559&h=323&img.JPEG"
  44.     alt="">
  45. <p>
  46.     1.衣带渐宽终不悔，为伊消得人憔悴。<br>
  47.     2.死生契阔，与子成说；执子之手，与子偕老。<br>
  48.     3.两情若是久长时，又岂在朝朝暮暮。
  49. </p>
  50. <audio src="http://www.9ku.com/play/402377.m4a">我是老男孩</audio>
  51. <video src="http://www.9ku.com/play/402377.htm">我是老男孩</video>
  52. </div>

  54. </body>
  55. </html>
复制代码
最佳答案
月排行榜 / 总排行榜
不二如是
2019-1-25 17:32:52
本帖最后由 不二如是 于 2019-1-25 17:34 编辑

1、关于标签使用，请看速查宝典：传送门

2、http://www.9ku.com/play/402377.htm，无法直接放入vedio 元素中哦，格式不对，该外链无法使用：
Snip20190125_68.png


请找到可分享并能提供地址的链接，例如 喜马拉雅 站：
Snip20190125_72.png


直接用 iframe 元素搭建的：
  1. <iframe height="230" width="260" src="https://www.ximalaya.com/thirdparty/player/sound/player.html?id=3232567&type=red" frameborder=0 allowfullscreen></iframe>
复制代码
Snip20190125_73.png


3、如果非要用 radio/vedio 元素，建议用本地路径，推荐格式：
  1. <video width="640" height="360" controls>
  2.        <source src="../xxx/xxx.mp4"  type="video/mp4">
  3.     您的浏览器不支持 HTML5 video 标签。
  4.    </video>
复制代码



小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

2012277033
发表于 2019-1-25 17:10:56 | 显示全部楼层
一个是没有文件，另外一个是一个页面，video标签肯定不能播放。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

chaowei2008
 楼主| 发表于 2019-1-25 17:31:10 | 显示全部楼层
2012277033 发表于 2019-1-25 17:10
一个是没有文件，另外一个是一个页面，video标签肯定不能播放。

本地也播放不了
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

不二如是
发表于 2019-1-25 17:32:52 | 显示全部楼层    本楼为最佳答案   
本帖最后由 不二如是 于 2019-1-25 17:34 编辑

1、关于标签使用，请看速查宝典：传送门

2、http://www.9ku.com/play/402377.htm，无法直接放入vedio 元素中哦，格式不对，该外链无法使用：
Snip20190125_68.png


请找到可分享并能提供地址的链接，例如 喜马拉雅 站：
Snip20190125_72.png


直接用 iframe 元素搭建的：
  1. <iframe height="230" width="260" src="https://www.ximalaya.com/thirdparty/player/sound/player.html?id=3232567&type=red" frameborder=0 allowfullscreen></iframe>
复制代码
Snip20190125_73.png


3、如果非要用 radio/vedio 元素，建议用本地路径，推荐格式：
  1. <video width="640" height="360" controls>
  2.        <source src="../xxx/xxx.mp4"  type="video/mp4">
  3.     您的浏览器不支持 HTML5 video 标签。
  4.    </video>
复制代码



小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

chaowei2008
 楼主| 发表于 2019-1-25 17:44:01 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>Document</title>
  9.     <style type="text/css">
  10.     body{
  11.         padding: 0px;
  12.         margin: 0px;
  13.     }
  14.    a{  
  15.        margin-left: 150px;
  16.         line-height: 50px;
  17.         text-decoration: none;
  18.         font-weight: 700;
  19.         letter-spacing: 1em;
  20.     }
  21.     a:hover{
  22.         font-size: 20px;
  23.          color: chartreuse;
  24.         text-decoration: none;
  25.     }
  26.     img{
  27.         border: 3px solid palegoldenrod;
  28.         padding: 10px;
  29.         margin-left: 200px;
  30.     }
  31.     p{
  32.         margin-left: 200px;
  33.         /* text-indent: 2em; */
  34.         letter-spacing: 10px;
  35.     }
  36.     audio{
  37.         margin-left: 350px;
  38.     }
  39.     </style>
  40. </head>
  41. <body>
  42. <a href="www.youtuyou.com">我爱你怎么办？
  43.     我的微信号是35岁的我以后怎么办.</a>
  44. <div>
  45. <img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1380934815,3976934462&fm=173&s=169539C8C862A34740F7ED10030050DB&w=559&h=323&img.JPEG"
  46.     alt="">
  47. <p>
  48.     1.衣带渐宽终不悔，为伊消得人憔悴。<br>
  49.     2.死生契阔，与子成说；执子之手，与子偕老。<br>
  50.     3.两情若是久长时，又岂在朝朝暮暮。
  51. </p>
  52. </div>
  53. <!-- <audio src="老男孩.mp3">我是老男孩</audio>
  54. <video width="320" height="240" src="老男孩.mp3">我是老男孩</video> -->
  55. <!-- <video width="320" height="240" controls>
  56. <source src="老男孩.mp3" type="video/mp4">
  57. <source src="老男孩.mp3" type="video/ogg">
  58. </video> -->
  59. <audio controls>
  60.     <source src="老男孩.mp3" type="audio/ogg">
  61.     <source src="老男孩.mp3" type="audio/mpeg">
  62.     您的浏览器不支持 audio 元素。
  63. </audio>
  64. </body>
  65. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

chaowei2008
 楼主| 发表于 2019-1-25 17:44:32 | 显示全部楼层
搞定，谢谢你们怎么多是大神啊
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

chaowei2008
 楼主| 发表于 2019-1-25 17:47:17 | 显示全部楼层
chaowei2008 发表于 2019-1-25 17:31
本地也播放不了

搞定，谢谢你们
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

chaowei2008
 楼主| 发表于 2019-1-25 17:50:25 | 显示全部楼层
不二如是 发表于 2019-1-25 17:32
1、关于标签使用，请看速查宝典：传送门

2、http://www.9ku.com/play/402377.htm，无法直接放入vedio 元 ...

搞定，谢谢你们啊，我滴神，。 QQ图片20190125175242.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-6-8 03:10

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表