iphone 上无法播放 mp4 视频;盒子是空白的
mp4 video not playing on iphone; box is blank
我想在我的网站 www.mylabzoe.com 上播放一个 mp4 视频,但现在无法播放。之前一直在玩,现在不知道为什么就停了=(。
我尝试将 type="mp4" 更改为 type="H.264/AVC"。我需要更改视频的文件格式类型吗?我正在尝试制作这个,以便我可以在 PC、Iphone 和 Android 上播放它。我绝对想让它可以在手机上播放。
澄清一下,这可以在我的电脑上播放,但不能在我使用 sarai 或 chrome 的 iphone 上播放。
<video id="videofetch" controls>
<source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="mp4">
<source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 12.5rem;
height: auto;
}
/* 375 pixels */
@media (min-width: 23rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 12.5rem;
height: auto;
}
}
/* 425 pixels */
@media (min-width: 26rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 17.5rem;
height: auto;
}
}
/* 768 pixels */
@media (min-width: 48rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 22rem;
height: auto;
}
}
/* 1024 pixels */
@media (min-width: 64rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 22.5rem;
height: auto;
}
}
/* 1440 pixels */
@media (min-width: 90rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 30rem;
height: auto;
}
}
/* 2560 pixels */
@media (min-width: 160rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 32.5rem;
height: auto;
}
}
您在视频路径中使用了反斜杠 (\)。 Windows 倾向于使用反斜杠,但其他一切都更喜欢斜杠 (/)。
另外,正确的类型是 video/mp4
所以试试这个:
<video id="videofetch" controls>
<source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/mp4">
<source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
我想在我的网站 www.mylabzoe.com 上播放一个 mp4 视频,但现在无法播放。之前一直在玩,现在不知道为什么就停了=(。
我尝试将 type="mp4" 更改为 type="H.264/AVC"。我需要更改视频的文件格式类型吗?我正在尝试制作这个,以便我可以在 PC、Iphone 和 Android 上播放它。我绝对想让它可以在手机上播放。
澄清一下,这可以在我的电脑上播放,但不能在我使用 sarai 或 chrome 的 iphone 上播放。
<video id="videofetch" controls>
<source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="mp4">
<source src="D_Videos\William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 12.5rem;
height: auto;
}
/* 375 pixels */
@media (min-width: 23rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 12.5rem;
height: auto;
}
}
/* 425 pixels */
@media (min-width: 26rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 17.5rem;
height: auto;
}
}
/* 768 pixels */
@media (min-width: 48rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 22rem;
height: auto;
}
}
/* 1024 pixels */
@media (min-width: 64rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 22.5rem;
height: auto;
}
}
/* 1440 pixels */
@media (min-width: 90rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 30rem;
height: auto;
}
}
/* 2560 pixels */
@media (min-width: 160rem) {
#videofetch {
display: block;
margin-left: auto;
margin-right: auto;
border: 2px solid white;
width: 32.5rem;
height: auto;
}
}
您在视频路径中使用了反斜杠 (\)。 Windows 倾向于使用反斜杠,但其他一切都更喜欢斜杠 (/)。 另外,正确的类型是 video/mp4 所以试试这个:
<video id="videofetch" controls>
<source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/mp4">
<source src="D_Videos/William_VS_Lab_Playing_Fetch.mp4" type="video/ogg">
</video>