鱼C论坛

 找回密码
 立即注册
查看: 3310|回复: 7

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

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

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

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

x
<!DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
    body{
        padding: 0px;
        margin: 0px;
    }
   a{  
       margin-left: 150px;
        line-height: 50px;
        text-decoration: none;
        font-weight: 700;
        letter-spacing: 1em;
    }
    a:hover{
        font-size: 20px;
         color: chartreuse;
        text-decoration: none;
    }
    img{
        border: 3px solid palegoldenrod;
        padding: 10px;
        margin-left: 200px;
    }
    p{
        margin-left: 200px;
        /* text-indent: 2em; */
        letter-spacing: 10px;

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

</body>
</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 元素搭建的:
<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 元素,建议用本地路径,推荐格式:
<video width="640" height="360" controls>
       <source src="../xxx/xxx.mp4"  type="video/mp4">
    您的浏览器不支持 HTML5 video 标签。
   </video>


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2019-1-25 17:10:56 | 显示全部楼层
一个是没有文件,另外一个是一个页面,video标签肯定不能播放。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本地也播放不了
想知道小甲鱼最近在做啥?请访问 -> 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 元素搭建的:
<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 元素,建议用本地路径,推荐格式:
<video width="640" height="360" controls>
       <source src="../xxx/xxx.mp4"  type="video/mp4">
    您的浏览器不支持 HTML5 video 标签。
   </video>


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-1-25 17:44:01 | 显示全部楼层
<!DOCTYPE html>
<html lang="en">
<head>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
    body{
        padding: 0px;
        margin: 0px;
    }
   a{  
       margin-left: 150px;
        line-height: 50px;
        text-decoration: none;
        font-weight: 700;
        letter-spacing: 1em;
    }
    a:hover{
        font-size: 20px;
         color: chartreuse;
        text-decoration: none;
    }
    img{
        border: 3px solid palegoldenrod;
        padding: 10px;
        margin-left: 200px;
    }
    p{
        margin-left: 200px;
        /* text-indent: 2em; */
        letter-spacing: 10px;
    }
    audio{
        margin-left: 350px;
    }
    </style>
</head>
<body>
<a href="www.youtuyou.com">我爱你怎么办?
    我的微信号是35岁的我以后怎么办.</a>
 <div>
<img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1380934815,3976934462&fm=173&s=169539C8C862A34740F7ED10030050DB&w=559&h=323&img.JPEG"
    alt="">
<p> 
    1.衣带渐宽终不悔,为伊消得人憔悴。<br>
    2.死生契阔,与子成说;执子之手,与子偕老。<br>
    3.两情若是久长时,又岂在朝朝暮暮。
</p>
</div>
<!-- <audio src="老男孩.mp3">我是老男孩</audio>
<video width="320" height="240" src="老男孩.mp3">我是老男孩</video> -->
<!-- <video width="320" height="240" controls>
<source src="老男孩.mp3" type="video/mp4">
<source src="老男孩.mp3" type="video/ogg">
</video> -->
<audio controls>
    <source src="老男孩.mp3" type="audio/ogg">
    <source src="老男孩.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
</audio>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-1-25 17:44:32 | 显示全部楼层
搞定,谢谢你们怎么多是大神啊
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2019-1-25 17:47:17 | 显示全部楼层

搞定,谢谢你们
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

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

搞定,谢谢你们啊,我滴神,。 QQ图片20190125175242.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-25 15:10

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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