mp4 видео не воспроизводится на iphone;коробка пуста - PullRequest
Новая
       17

mp4 видео не воспроизводится на iphone;коробка пуста

0 голосов
/ 23 октября 2019

У меня есть видео в формате mp4, которое я пытаюсь воспроизвести на моем сайте www.mylabzoe.com, и оно сейчас не воспроизводится. Он воспроизводился раньше и теперь по какой-то причине остановился = (.

Я попытался изменить type = "mp4" на type = "H.264 ／ AVC". Нужно ли менять тип формата файла длявидео? Я пытаюсь сделать так, чтобы я мог воспроизводить его на ПК, iPhone и Android. Я определенно хочу, чтобы это воспроизводилось на мобильных телефонах.

Просто чтобы уточнить, это воспроизводится на моем ПК, ноне будет играть на моем iphone, используя sarai или хром. 

<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;
    }
}

1 Ответ

0 голосов
/ 23 октября 2019

Вы используете обратную косую черту (\) в пути к видео. Windows имеет тенденцию быть в порядке с обратными слешами, но все остальное предпочитает слэши (/). Кроме того, правильный тип видео / 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>
...