HTML5 Видео Javascript

Question

У меня нет опыта работы с Javascript, у меня есть следующий скрипт для воспроизведения видеофайлов на телефоне Andriod, и он отлично работает.

 <script type="text/javascript">
        function PlayMyVideo(arg) {
            var myVideo = document.getElementById([arg]);
            myVideo.play();
        }
    </script>
<video id="what" src="what.mp4" poster="" />
<input type="button" onclick="PlayMyVideo('what')" value="Play" />

Я пытаюсь написать тег на лету:

  <script type="text/javascript">
        function PlayVideo() {
            new_video = document.createElement('video');
            new_video.setAttribute('scr', 'what.mp4'); 
            new_video.play(); 
         }
    </script>
<input type="button" onclick="PlayVideo()" value="Play2" />

Ничего не произойдет, буду признателен за ваши предложения. Заранее спасибо

Answer 1

new_video.setAttribute('scr', 'what.mp4');

'scr' написано с ошибкой.Это должно быть 'src'.

, а также вы должны подождать загрузки фильма перед воспроизведением

Answer 2

Ну, вы не добавляете вновь созданный тег ни к чему, поэтому он не может воспроизводиться, потому что он находится в "памяти" / "пусто", а не на экране.

<div id='plc'>&nbsp;</div>

<script type='text/javascript'>
function PlayVideo() {
new_video = document.createElement('video');
document.getElementById('plc').appendChild(new_video);
new_video.setAttribute('scr', 'what.mp4');
new_video.play();
}

Answer 3

вы создаете элемент видео, вам нужно добавить его в DOM, прежде чем он будет виден, более подробную информацию здесь: http://www.javascriptkit.com/javatutors/dom2.shtml