当我在一个函数中插入视频时,HTML5自定义视频播放器不起作用

时间:2015-07-13 09:46:59

标签: javascript html5 video custom-controls

大家好,首先感谢您抽出时间阅读我的问题和帮助

我在html5中有自定义视频控件的下一个问题

在下一个链接中,我将视频标记直接插入正文并使用main.js自定义视频控件

http://pechacabeza.com/labs/Webo/video/

<body onload="init()">
    <div id="container" onclick="screenad.click();"></div>
        <video id='media-video' controls poster="video_poster.jpg" autoplay muted class="adrime_video">
            <source src='video.mp4' type='video/mp4'>
            <source src='video.webm' type='video/webm'>
        </video>

        <div id='media-controls'>
            <progress id='progress-bar' min='0' max='100' value='0'></progress>
            <button id='replay-button' class='replay' title='replay' onclick='replayMedia();'></button>
            <button id='play-pause-button' class='play' title='play' onclick='togglePlayPause();'></button>
            <button id='mute-button' class='mute' title='mute' onclick='toggleMute("false");'></button>  
    </div>
</body>

重点是我想在main.js中的函数 initialiseMediaPlayer 中插入视频,但随后自定义视频控件不起作用:S,你可以在下一个看到链接:

http://pechacabeza.com/labs/Webo/video_Dynamic/

<body onload="init()">
    <div id="container" onclick="screenad.click();"></div>
        <div id='media-controls'>
            <progress id='progress-bar' min='0' max='100' value='0'></progress>
            <button id='replay-button' class='replay' title='replay' onclick='replayMedia();'></button>
            <button id='play-pause-button' class='play' title='play' onclick='togglePlayPause();'></button>
            <button id='mute-button' class='mute' title='mute' onclick='toggleMute("false");'></button>  
    </div>
    <div id="media-video"></div>


</body>

知道这可能是错的吗?

提前致谢

0 个答案:

没有答案