I have some .mov files compiled into a .m3u8 file but I cannot get them to play in my Safari native browser from a web page. What is the secret?
<video controls poster="https://dwichannel.com/posters/wvtm-0001.png">
<source src="test.m3u8" type="application/x-mpegURL">
Your browser does not support the video tag.
and test.m3u8 is
#EXTINF:34, track 1
#EXTINF:76, track 2
Results 1 to 30 of 74
I don't know if mov is officially supported, but this worked for me (with Firefox and Edge):
<!DOCTYPE html> <html> <body> <video controls> <source src="https://dwichannel.com/videos/wvtm-0010.mov" type="video/mp4"> Your browser does not support the video tag. </video> </body> </html>
Last edited by jagabo; 21st Jul 2020 at 18:21.
Ok. Apart from the video format this appears to be a issue with your html programming. There is no such thing as a 'default player' unless the video is actually downloaded. Your original .mov file would download and play.
Your site has many links but they always go to the embedded player on the actual site not on your site. There's a difference between a default player (offline) to an embedded player (online)
You might also wish to provide the actual url that includes this playlist just to confirm the above.
Actually, I took another look.
There is a player on your webpage and these videos are locally stored.
But they do not automatically play. They load and then one has to press the play button.
BTW storing videos for local playback on a non-dedicated video server is a bad idea since you will not have sufficient bandwidth foe smooth playback. The videos I tested are not smooth.
Well, everybody, I found an answer on stackoverflow and it actually works. It is on the home page at https://DWIChannel.com with full credit to somebody I could not answer, with my insufficient reputation score on stackoverflow.
Other solutions are good only for one video. This is for numerous videos to play one after another without somebody having to click each time. It works on my Mac with Safari. On my "to do" list will be having the next video load whilst the first plays; and looping. If traffic increases I may need a dedicated video server, as DB83 says.
The solution I have allows for the video to exist on the server once and get included in different playlists. A high school edition might do better with videos where high school students were involved. Videos impress a point much better than statistics.
Really need to see a webpage with this playlist 'running'
At present these .movs on your homepage do not play in my browsers Chrome, IE and Firefox and all support the video tag. Yet as I already stated, if one accepts the info that .mov is not an accepted video format (IE and Firefox would play the audio). And bear in mind that .mp4 is not a format. It is a container and typically video requires to be encoded in common codecs such as AVC. I have not tested jagabo's suggestion but have no reason to dispute his findings although it appears to 'fool' the player in to thinking that an .mp4 is being played.
Another thing. To merely state that this works in Safari is short-sightness. If you are to publish a website it must work in ALL the major browsers (and maybe minor ones too). Of course I might have jumped the gun here and you are working on that but if not.......
What about the .ts files? I have three sample .ts files in a similar embed at http://dwichannel.com/test.html and the playlist works on Safari on my Mac.
I captured the .ts files from the TV station's website and compiled them with cat *.ts >filename.ts and if they work on all browsers, then all I need to do is figure out how to add title labels to the front ends in .ts file also.
here's what i see on the test.html. the video won't play.
[Attachment 54227 - Click to enlarge]--
"a lot of people are better dead" - prisoner KSC2-303
IE reported "Unsupported video type"
Firefox reported "No video with supported format or MIME type found"
Chrome just has an empty player screen
I do not have a clue why these should work in Safari.
Maybe this is a Win7 issue but a webpage should always run correctly both in recognised OS and browser.
And AGAIN do you not understand the supported file formats ?
One other thing I noticed is that you have a player to the right of those links. But click on any of the links left side and a new browser window opens rather than the same window with video, if it would play, in the original player.
The mov files were playing in Firefox earlier. But the TS file that's at the start of the list now doesn't play. Why don't you just remux all your videos into a supported container? Here's a batch file to remux to mp4 with ffmpeg (drag/drop a video onto it):
ffmpeg" -fflags +genpts -i "%~1" -c copy "%~dpn1.mp4"
The is also a browser incompatability issue when one uses autoplay. It works for certain browsers but not in Chrome unless you set it as 'autoplay muted'. Yes the sound is then off until you click the speaker icon in the controls.
So for consistency across supported browsers you might consider not using autoplay.
Wow. HTML pages are so compatible one OS/browser to another but video not so. I tried Silk and the .ts files do not play, the autoplayer plays the title page only and then stops, and the video files work but they enlarge bigger than full screen and the end-user has to shrink the video player down to watch.
The TS container is not supported by HTML5. Technically, MOV isn't either. But it's similar enough to MP4 that some browsers can deal with it. You need to remux (or reencode if the codecs aren't supported) to a supported container. MP4 with AVC video and AAC audio is probably your best option.
Last edited by jagabo; 22nd Jul 2020 at 23:17.
^^ In practice, people are lazy.
Even with your best intentions, anyone who 'stumbles' across your website will play the first source they find i.e. your 'cached' copy. The link to the original source then acts, as it should, to the original creator. But do bear in mind that tv stations can be fickle with 'borrowed' content. What they might show in real time, or repeat broadcasts, might still upset the families of the victims and they might not wish to encourage that. So do not be surprised should you get some even polite requests to remove such content.
From a mere viewing perspective people will not wish to view a long playlist. Even if it 'rams' home an important message, repetition leads to disinterest and a more softer approach by simply having these videos play one at a time could be more informative.
One other thing. This appears to be a niche interest - even my own websites are somewhat 'niche' yet I do provide some personal background as to why I created them. If your motivation in the creation was born from a personal tragedy you get more sympathy by stating the motivation in their creation than a 'lecture' that your text comes over to this reader.
that's the worst web hosting i've ever run across. it took 30 minutes to buffer/play, pause, repeat endlessly to get 2 minutes of video. unwatchable trash. no one will stick around long enough to complete a video.--
"a lot of people are better dead" - prisoner KSC2-303
By the way, if you're going to use mp4 you should use the web optimization option. That puts the moov atom (which has all the information like frame size, frame rate, etc, needed to play the video) near the start of the video rather than at the end. In Handbrake the option is called "Web Optimized". In ffmpeg use the "-movflags +faststart" option.
As DB83 stated, you're on shaky ground hosting the videos only on your site. If you hosted them on YouTube, they'd likely be quickly taken down for copyright violation. Read up on Fair Use, especially the section below. Just saying to go to the original source if the article is still there doesn't cover you. The article and video are belong to the news station and the right to refuse have their images shown or not are the right of the people who appear in the video.
"Amount and substantiality of the portion used in relation to the copyrighted work as a whole: Under this factor, courts look at both the quantity and quality of the copyrighted material that was used. If the use includes a large portion of the copyrighted work, fair use is less likely to be found; if the use employs only a small amount of copyrighted material, fair use is more likely. That said, some courts have found use of an entire work to be fair under certain circumstances. And in other contexts, using even a small amount of a copyrighted work was determined not to be fair because the selection was an important part—or the “heart”—of the work.
Effect of the use upon the potential market for or value of the copyrighted work: Here, courts review whether, and to what extent, the unlicensed use harms the existing or future market for the copyright owner’s original work. In assessing this factor, courts consider whether the use is hurting the current market for the original work (for example, by displacing sales of the original) and/or whether the use could cause substantial harm if it were to become widespread."
I just read what little of your own text you have on your site. I can't believe you have the audacity to make the following statement:
"Television news professionals are highly skilled at presenting a story in a manner that captivates the viewer’s attention and leaves a lasting impact. The webmaster is harnessing their talents to spread the word about impaired driving. The videos are used without permission. This might qualify as fair use, but even if it does not, no television station in the world would be wicked enough to take action, especially since this website provides continued exposure to their otherwise dormant material."
I hope others here join me in informing the non-wicked TV stations of the appropriation of THEIR material!
CBSNews.com Terms of Service:
"You are only permitted to access and view the Content for personal, non-commercial purposes in accordance with these Terms, and may not build a business or other enterprise utilizing any of the Content, whether for profit or not. Except as provided in Section 4(a) or otherwise expressly authorized by us in writing, you may not either directly or through the use of any software, device, internet site, web-based service or other means download, stream capture, store in a database, archive or otherwise copy any part of the Services or Content; upload, sell, rent, lease, lend, broadcast, transmit or otherwise disseminate, distribute, display or perform any part of the Services or Content; license or sublicense any part of the Services or Content; or in any way exploit any part of the Services or Content. In addition, except as provided in Section 4(a) or otherwise expressly authorized by us in writing, you are strictly prohibited from modifying Content; creating, distributing or advertising an index of any significant portion of the Content; or otherwise creating derivative works or materials that otherwise are derived from or based in any way on the Content, including mash-ups and similar videos, montages, translations, desktop themes, fonts, icons, wallpaper, greeting cards, and merchandise. This prohibition from creating derivative works is applicable even if you intend to give away the derivative material free of charge."
"3. Intellectual Property Rights: All text, images, photographs, graphics, logos, trade, product or program names, titles, packaging, user interfaces, audio and/or video content and any other content provided on or through the Services by GTI, Stations, third-party licensors (including UGC), vendors and suppliers that provide internal support to our Services (collectively “Operational Service Providers”), and advertisers, sponsors or promotional partners (collectively, “Advertisers”), including the selection, coordination, and arrangement of any such content (collectively, “GTI Content”), are owned by or licensed to GTI, Stations, Advertisers, Operational Service Providers and/or our third-party licensors. GTI Content is protected under U.S. and/or international copyright, trademark, patent, or other relevant intellectual property laws. Nothing stated or implied on the Services confers on you any additional license or right under any copyright, trademark, patent or other intellectual property right of GTI or any third party unless explicitly provided in this TOU.
Unless such use is expressly prohibited by GTI, you may view, reproduce, transmit, link, cache GTI Content for your own personal and non-commercial use, including posting on your personal Facebook page or other personal social networking platforms, provided you do not delete, change or obscure any of the GTI Content (including any copyright, trademark or proprietary notices), and do not misrepresent that GTI Content is your own. You may not (and you may not permit or encourage anyone else to) make derivative works, publicly perform, reproduce, distribute, transmit or link to GTI Content in or on any other third party website, digital service or via any vehicle in any manner that is likely or intended to cause confusion about the owner or origin of GTI Content, or is misleading, disparaging, harmful, or a detriment to GTI in our sole discretion. Except where permitted by law or expressly authorized by GTI, GTI Content may not be reproduced, distributed, transmitted, linked, cached or otherwise used for any commercial purposes unless you have the prior written permission of GTI. You may only use our Services and our GTI Content as expressly permitted in this TOU and for no other purpose. We may revoke permission to use GTI Content at any time and for any reason. GTI, Stations, Advertisers, Operational Service Providers and/or licensors retain exclusive rights in any GTI Content that are not expressly provided in this TOU."
Intellectual and Other Proprietary Rights
"Your access and use of the Digital Services and Content is for personal and noncommercial purposes only.
As between Hearst and you, Hearst owns all right, title and interest in and to the copyrights, trademarks, service marks, trade names, patents and all other intellectual and proprietary rights throughout the world associated with the Digital Services and Content except, if applicable, with respect to your User Content.
You may not build a business, in whole or in part, resell, redistribute, recirculate or make any other commercial use of, or create derivative works or materials utilizing any portion of the Digital Services (including any code used in any software) or Content, whether or not for profit."
And on and on... Mods please lock this thread and block out the OP's website.
This may serve as a wake-up call to the OP. It is not as if he was not warned days ago (and before his ISP, quite quickly, intervened)
There are many issues and each one could be an ultimate hurdle.
1. He has now realised that he can not host the videos on his own web space (unless he gets zero visits so then no purpose in having a web site)
2. Not being the original creator could well also be against the TOC of specialised video hosting services.
3. He seeks direct permission from the original creator for EVERY single video he hosts. But he then makes each creator aware of the site.
4. He can not revise his code simply to link the player back to the original host since that is 'bandwidth theft'.
5. Even if he can get over all these hurdles he really needs a dedicated player AND multiple versions of EVERY video both in format and size/compression to ensure smooth playback on all browsers and devices. So his simple html now becomes a whole lot more complex.
In order to seek permission, the first step is to show the TV stations just how their clips will be used. Obviously, if traffic grows the TV stations will discover the site anyway.
It's plainly obvious that you neither want or need any of the advice given in this topic. But since I have 'wasted' many words I will waste some more.
By some strange quirk, the video on your home page now autoplays (in Chrome atleast - IE still reports an Unsupported Video Type). And it is a quirk because Chrome should not autoplay.
As previously mentioned, clicking on one of the leftside options takes one to a new page. But this is a 'win some, lose some experience' for me. Some will load and play not in the parameters you specified but what the original video was - the desired 640*360 became, for example, 720p. Others threatened to load but tended to stall at 4 seconds and go no further.
Now just consider any tv station even wanting to cooperate with you. If this happens with them they are hardly going to view their own website are they. And be even less willing to cooperate on something 'unseen'.
But for me there is an even greater annoyance. After viewing the video (if you can) on the individual page you navigate back to the home page. And the video that, assumedly, you have already viewed will autoplay AGAIN.
It would be relatively easy to have ALL clips options on each page and even the text you consider essential to direct the user back to the original source. Then only the video you want to view will play (or a playlist since you even consider that to be a good idea)
An even more elegant solution is an option|select box so that the list does not scroll in the browser window.
Edit: Comment removed due to the need for another.
Last edited by DB83; 25th Jul 2020 at 16:52.
I fixed the autoplay issue on the home page. True, if they return to the home page from an individual story page, the autoplay should not start again.
I also fixed the individual story pages so they do not show the cached video, only a text link to it.
I have also begun reaching out to the TV stations about getting permission, instead of waiting for them to reach out to me. Once I get deals worked out I can start getting serious. I cannot exactly monetize the clips until then.