Я пытаюсь воспроизвести и остановить видео тег, созданный из тега объекта, но он возвращает ошибку, что воспроизведение не является функцией.

Вот мой код:

<html>
<head>

<head/>
<body>
<object data="sample.mp4" name="VideoAdv" style="min-width: 100%; min-height: 100%;position:absolute;bottom:0;" >
    <param name="allowFullScreen" value="true" />
    <param name="loop" value="true" />
    <param name="controls" value="false" />
    <param name="autoplay" value="autoplay" />
<param name="Muted" value="true" />
</object>
<body/>
</html>

мой JQuery-JS

$("[name=media]").play();

Я использую name = media , потому что когда я открываю HTML-код в инструментах разработчика, я вижу это

<object data="sample.mp4" name="VideoAdv" style="min-width: 100%; min-height: 100%;position:absolute;bottom:0;">
<html><head><meta name="viewport" content="width=device-width"></head><body>
<video controls="" autoplay="" name="media"><source src=".../sample.mp4" type="video/mp4"></video></body></html>
    <param name="allowFullScreen" value="true">
    <param name="loop" value="true">
    <param name="controls" value="false">
    <param name="autoplay" value="autoplay">
<param name="Muted" value="true">
</object>

Итак, как я могу воспроизвести и остановить видео (ни один из параметров, который я написал, не работает)?

На самом деле я хочу показать как видео, так и изображение или изображение последовательности, просто изменив имя, а не изменив код js или html. Есть ли способ кроме этого?

0
mahnaz

2 ответа

Хорошо проверьте этот код. Я только использую YouTube видео для данных.

<html>
    <body>
        <object data="https://www.youtube.com/v/tgbNymZ7vqY" name="VideoAdv" style="min-width: 100%; min-height: 100%;position:absolute;bottom:0;" >
            <param name="allowFullScreen" value="true" />
            <param name="loop" value="true" />
            <param name="controls" value="false" />
            <param name="autoplay" value="autoplay" />
            <param name="Muted" value="true" />
        </object>
    <body/>
</html>

Попробуй это. Надеюсь, это работает

<video width="320" height="240" controls>
  <source src=".../sample.mp4" type="video/mp4">
  <source src=".../sample.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
58522002