VideoJS : DashJS and HLS Don't Work Together

959 views Asked by At

dash.js causes the VideoJS flash-based HLS tech to fail. Both of them work well independently and commenting out the dash.js reference makes HLS work. No error message is shown in the console but the video fails to play. I'm using Chrome 43.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sample Video Player</title>
    </style>

    <link href="/stable/dist/video-js.css" rel="stylesheet">
    <script src="/stable/dist/video.js"></script>

    <script src="/stable/dist/videojs-media-sources.js"></script>
    <script src="/stable/dist/videojs.hls.js"></script>

    <script src="/stable/dist/dash.js"></script>
    <script src="/stable/dist/videojs-tech-dashjs.js"></script>
</head>

<body align="center">
    <div align="center" style="margin-top:20px;">
        <video id="vid1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" data-setup='{"techOrder": ["hls", "dashjs", "html5"], "nativeControlsForTouch": false}'>
                <source src="http://www.bok.net/dash/tears_of_steel/cleartext/stream.mpd" type='application/dash+xml'>
                <source src="http://devimages.apple.com/iphone/samples/bipbop/bipbopall.m3u8" type='application/x-mpegURL'>
                <source src="http://techslides.com/demos/sample-videos/small.mp4" type='video/mp4'>
                <p class="vjs-no-js">
                To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
                </p>
        </video>
        <script>
            // Initalize the video.js player
            var myPlayer = videojs('vid1');
        </script>
    </div>
</body>
</html>
0

There are 0 answers