TYPO3 CMS Extension - html5videoplayer
Home Page: http://typo3.org/extensions/repository/view/html5videoplayer
My name is Tim and I am a PHP backend developer working for HDNET in Werther, Germany.
Some facts...
Description :
In the file tx_html5videoplayer_video_content.php, the ctrl label is 'Video/Content Relation'
This label is a sql fields that corresponding to the label in list view.
See https://docs.typo3.org/typo3cms/TCAReference/Ctrl/Index.html for reference
Issue :
In Typo3 8.7.19 with html5videoplayer extention installed,
Loggued in the backend as admin,
When we try to use the "DB Check" we see an issue
An exception occurred while executing 'SELECT uid, pid, Video/Content Relation FROM tx_html5videoplayer_video_content WHERE pid NOT IN (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)' with params [0, 1, 2, 3, 66, 68, 67, 111, 4, 20, 21, 22, 240, 249, 25, 244, 198, 242, 24, 228, 246, 230, 248, 23, 232, 15, 16, 17, 19, 59, 60, 61, 62, 63, 64, 65, 70, 71, 5, 73, 74, 374, 113, 117, 118, 119, 120, 121, 122, 123, 253, 183, 480, 268, 401, 77, 115, 116, 262, 502, 504, 72, 76, 6, 31, 263, 32, 33, 264, 266, 375, 34, 35, 8, 80, 83, 133, 146, 473, 475, 147, 148, 149, 150, 151, 152, 153, 157, 158, 159, 160, 161, 162, 179, 163, 164, 165, 166, 167, 168, 169, 170, 171, 172, 173, 174, 175, 176, 177, 178, 156, 238, 93, 95, 202, 376, 206, 236, 154, 155, 188, 189, 226, 85, 87, 89, 9, 26, 251, 260, 255, 130, 129, 128, 127, 126, 125, 124, 257, 259, 497, 28, 29, 97, 27, 30, 261, 11, 78, 79, 82, 81, 199, 200, 201, 84, 86, 88, 112, 69, 92, 436, 434, 381, 383, 399, 400, 430, 431, 432, 433, 438, 439, 448, 449, 462, 463, 416, 472, 414, 444, 450, 464, 465, 417, 458, 460, 477, 412, 413, 410, 411, 382, 384, 379, 380, 377, 378, 223, 221, 91, 428, 429, 419, 456, 457, 454, 455, 452, 453, 446, 447, 442, 443, 440, 441, 426, 427, 424, 425, 422, 423, 420, 421, 94, 395, 478, 470, 481, 484, 397, 398, 486, 488, 489, 490, 491, 492, 493, 487, 503, 114, 270, 271, 98, 272, 370, 371, 346, 347, 344, 345, 342, 343, 340, 341, 338, 339, 336, 337, 334, 335, 332, 333, 330, 331, 348, 349, 350, 351, 368, 369, 366, 367, 364, 365, 362, 363, 360, 361, 358, 359, 356, 357, 354, 355, 352, 353, 328, 329, 326, 327, 324, 325, 292, 293, 290, 291, 288, 289, 286, 287, 284, 285, 282, 283, 280, 281, 278, 279, 276, 277, 294, 295, 296, 297, 314, 316, 317, 318, 319, 320, 321, 322, 323, 315, 312, 313, 310, 311, 308, 309, 306, 307, 304, 305, 302, 303, 300, 301, 298, 299, 274, 275, 273, 372, 373, 466, 467, 468, 469, 495, 494, 496, 187, 99, 100, 180, 181, 135, 141, 101, 102, 136, 137, 139, 138, 140, 186, 105, 132, 106, 185, 107, 389, 390, 207, 250, 225, 216, 213, 214, 211, 212, 209, 204, 205, 196, 197, 192, 194, 195, 193, 190, 191, 131, 104, 217, 218, 103, 108, 109, 110, 75, 41, 40, 39, 38, 37, 90, 36, 96, 134, 143, 144, 145, 14, 182, 7, 10, 235, 142, 42, 43, 45, 46, 47, 49, 265, 483, 500, 44, 48, 12, 58, 52, 18, 13, 227, 184, 234, 57, 56, 53, 54, 55, 51, 50, 498, 499]: Unknown column 'Video/Content Relation' in 'field list'
A screen capture is joined
Hello,
We've ran into a problem regarding the translation of fields in your extension.
The TCA model tx_html5videoplayer_domain_model_video contains relevant l10n_* fields indicating that it is translatable. However, its child element tx_html5videoplayer_video_content lacks them, yet its parent table is of type inline.
This is troublesome for us as we assume that all translatable high-level content should also have translatable child elements. We believe it's a reasonable design choice and would make your extension work out of the box with our translation module.
Would this be something you could consider updating?
Are there any plans for a TYPO3 12 compatible version of this extension?
Thanks for your feedback! :)
Hi,
I've installed html5videoplayer 7.0.1 to TYPO3 8.7.4 and tried to put some youtube, vimeo, local videos, but I couldn't, I got the error below:
NOTE: same version of html5videoplayer works perfect in TYPO3 7.6 version.
7.2.2 is not working out of the box, there's no assets in Resources, but it tries to include them. The missing files are:
(Maybe it's to be compiled by yourself, but no informations about that situation can be found in readme nor in documentation)
And when trying to build ie. youtube js I'm getting:
npm run build
[email protected] build
Resources/Public/videojs-youtube-2.4.0
mkdirp dist && cp src/Youtube.js dist/Youtube.js && uglifyjs src/Youtube.js -o dist/Youtube.min.js
'mkdirp' is not recognized as an internal or external command,
operable program or batch file.
Hi, in the frontend plugin of the latest (6.7.0) version of the extension the play button sticks to the top left corner of the player (with a bit of margin), instead of being centered.
Tested in browsers: Firefox 45.3.0, Chromium 52.0.2743.
Firebug tells me
.vjs-default-skin .vjs-big-play-button { (...) position: absolute; left: 0.5em; top: 0.5em; vertical-align: middle; }
Leider funktioniert das einbinden nicht wie gewünscht:
CSS Fehlermeldung:
#video_2 {padding-top: ERROR: dividing by zero%}
Egal was ich mache, die Berechnung klappt nicht, width und height im Video stehen auf auto.
lib.calc ist im Setup der Seite eingetragen, hier noch das Template:
<style type="text/css">
#video_{video.uid} {padding-top: <f:cObject typoscriptObjectPath='lib.math' data='({settings.ff.videoheight})/{settings.ff.videowidth}*100'/>%}
.vjs-fullscreen {padding-top: 0px}
</style>
<video id="video_{video.uid}" class="video-js vjs-default-skin" width="{f:if(condition:'{settings.ff.videowidth} > 0', then: settings.ff.videowidth, else: video.minWidth)}" height="{f:if(condition:'{settings.ff.videoheight} > 0', then: settings.ff.videoheight, else: video.minHeight)}" preload="{video.preloadvideo}"<f:if condition="{video.autoplayvideo}"> autoplay</f:if><f:if condition="{video.loopvideo}"> loop</f:if><f:if condition="{video.posterimage}"> poster="{video.posterimage}"</f:if><f:if condition="{video.controlsvideo}"> controls</f:if> data-setup='{<f:if condition="{video.videoStarttime}">"starttime": {video.videoStarttime},</f:if><![CDATA["techOrder":["youtube","vimeo","html5","flash"], "ytcontrols": true]]>}'>
<f:if condition="{video.webmsource}"><source src="{video.webmsource}" type="video/webm" /></f:if>
<f:if condition="{video.oggsource}"><source src="{video.oggsource}" type="video/ogg" /></f:if>
<f:if condition="{video.mp4source}"><source src="{video.mp4source}" type="video/mp4" /></f:if>
<f:if condition="{video.youtube}"><source src="{video.youtube}" type="video/youtube" /></f:if>
<f:if condition="{video.vimeo}"><source src="{video.vimeo}" type="video/vimeo" /></f:if>
</video>
<p class="vjs-no-video">
<f:if condition="{video.downloadlinks}">
<strong>Download "{video.title}"-Video:</strong>
<f:if condition="{video.mp4source}"><a href="{video.mp4source}">MP4</a> </f:if>
<f:if condition="{video.webmsource}"><a href="{video.webmsource}">WebM</a> </f:if>
<f:if condition="{video.oggsource}"><a href="{video.oggsource}">Ogg</a></f:if>
<f:if condition="{video.youtube}"><a href="{video.youtube}">YouTube</a></f:if>
<f:if condition="{video.vimeo}"><a href="{video.vimeo}">Vimeo</a></f:if>
<br />
</f:if>
<f:if condition="{video.supportvideojs}">
<a href="http://videojs.com/">HTML5 Video Player</a> by VideoJS
</f:if>
</p>
<f:if condition="{video.description}">
<f:format.html>{video.description}</f:format.html>
</f:if>
... as the fields are converted to int anyway in the model.
hy,
when I using TYPO3 module "DB check -> records statistics", it displays an error
Oops, an error occurred!
An exception occurred while executing 'SELECT uid, pid, Video/Content Relation FROM tx_html5videoplayer_video_content WHERE pid NOT IN (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)' with params [0, 1328, 1367, 12236, 1353, 12447, 12448, 12449, 12450, 12751, 12789, 12746, 12752, 1333, 1366, 12454, 12455, 12747, 12459, 1375, 12553, 12552, 12551, 12550, 12548, 12561, 12562, 12748, 12749, 12750, 12754, 12755, 12756, 12757, 12760, 12758, 12759, 12762, 12766, 12768, 12783, 1342, 1331, 12216, 12223, 12219, 12218, 12743, 12744, 12745, 12217, 1347, 1349, 12214, 12215, 1348, 1329, 12279, 1338, 1339, 1337, 6073, 12792, 12024, 12034, 12033, 12032, 12031, 12030, 1332, 1336, 1335, 1334, 12025, 11996, 12027, 12026, 1330, 11944, 12142, 12143, 12144, 12564, 12761, 12790, 12791, 1341, 12145, 565]: Unknown column 'Video/Content Relation' in 'field list'
kind regards
Update to current VideoJS version
I installed mediace, which seems not to be compatible with TYPO3 8.7.
But still getting the error
"You are running TYPO3 > CMS 7.2. Please install the mediace extension"
Some ideas?
It would be great to have compatibility with Typo3 v9. Are you planing to do this?
There's no youtube tech compiled dist directory, expected in Resources/Public/videojs-youtube-2.6.0/dist/Youtube.min.js which causes error 404 and youtube videos not working in 7.2.2 nor 7.2.3
I'm pretty sure I stumbled on similar problem few months ago and this ext still doesn't work out of the box.
It would be nice to have a composer manifest because this eases fetching the repo by composer for development.
Hello,
the array "enabledControls" from html5videoplayer/Configuration/TCA/Overrides/tt_content.php breaks the TCA for TYPO3 8 I think. You should either set all values to "=> true" or just remove the entire array, as the values already seem to be all true by default.
Greetings,
Manuel
Create new button acts like i've clicked create new relation. Instead of creating a new video it adds a relation of the first video shown in dropdown. Any idea?
Happens on TYPO3 10.4.20
when i want to add new record of video in plugin, the label of title is not OK, includes many commas separating of fields... How to adjust to initially display the label "no title", then title of video?
Hello,
we are using the html5videoplayer extension in our TYPO3 envionment and are very happy.
But is it possible to make the extension translatable?
It is possible to choose diffent video files in TYPO3 backend. For example the German translation should show a different video in frontend than the English translation. But in fontend there is always the video of the default language (English).
It's the same behavior with the configuration (video height/width) of the translations.
Perhaps there is already an option to show the translations in frontend?
Thanks,
Best regards,
Andreas
Hi,
a nocookie option would be great: https://www.heise.de/ct/ausgabe/2016-1-YouTube-Videos-datenschutzkonform-einbetten-3046316.html
Best regards
Michael
Hi,
is it possible to move the JavaScript and CSS files from the header to the footer of the page?
Editors can set a static width and height for the player, but there's no easy way to make the player work well with RWD. There is a guide how to do it. It would be cool to have a switch for the container class (vjs-16-9 or vjs-4-3), have max-width set to 100% and width (used as min-width) be set by the editor. That way more people could use the extension out-of-the-box.
Hello,
html5videoplayer is not supported in TYPO3 7.5.
I get this exception when I want to create a new record:
#1437750231: The way registering a wizard in TCA has changed in 6.2 and was removed in CMS 7. Please set module[name]=module_name instead of using script=path/to/script.php in your TCA. (More information)
InvalidArgumentException thrown in file
/var/www/typo3-7/typo3/sysext/backend/Classes/Form/Element/AbstractFormElement.php in line 163.
The TER contains the version of 3rd Jan 2017 https://extensions.typo3.org/extension/html5videoplayer/
However, the latest available version in this repository is from 21 days ago. Is there a particulary reason you did not upload it or did you simply forgot it?
Best regards
AMartinNo1
Hi there, good morning,
I've installed your Extension yesturday and I'm pretty happy with its functionality. But atm at version 7.2.2 it seems you've missed to compile the js files for youtube. The required "dist"-directory is missing. As a workaround I'm linking the unminified version directly from the src directory:
plugin.html5videoplayer.skipHtmlHeaderInformation = 1
page.includeJS.html5videoplayerYouTube = web/typo3conf/ext/html5videoplayer/Resources/Public/videojs-youtube-2.4.0/src/Youtube.js
File missing :
EXT:html5videoplayer/Resources/Public/videojs-youtube-2.4.0/dist/Youtube.min.js
Youtube player not working in 7.2.2 version.
Face issue :
TYPO3 8.7.4
html4videoplayer 7.2.2
we only need to copy attached file into missing path :
Youtube.min.zip
The current Version 7.2.2 has wrong JS paths.
For Example video.js
It tries to get the js file from this path:
typo3conf/ext/html5videoplayer/Resources/Public/video-js-6.2.7/video.js
But the correct path is:
typo3conf/ext/html5videoplayer/Resources/Public/video.js-6.2.7/src/js/video.js
Same for youtube-js file.
If I click on the "Create new" or "Create new relation" button to add a video to the frontend-plugin. I get an "Error 500".
Taking a deeper look into the logs it says:
Core: Exception handler (WEB): Uncaught TYPO3 Exception: #1489751363: Hash does not validate | RuntimeException thrown in file /var/www/html/Packages/Libraries/typo3/cms/typo3/sysext/backend/Classes/Controller/FormInlineAjaxController.php in line 750. Requested URL: https://mydomain.tld/typo3/index.php?ajaxID=%2Fajax%2Frecord%2Finline%2Fcreate&ajaxToken=16774644a68b27a573606667569cb0da2a6ec35f
Any hints on this?
TYPO3: 8.7.4
html4videoplayer: 7.0.1
Is possible to use html5videoplayer in tt_news extension?
Kind regards
Hi Tim,
after updating from 6.7.3 to 7.0.0 i see the error "No compatible source what found for this media." A youtube video is used.
After downgrade from 7 to 6.7.3 everything works again.
Regards, Torsten
You fixed the path to the js files, but forgot the css file.
html5videoplayer/Resources/Public/video.js-6.2.7/video-js.min.css
Also I'm getting a Unexpected token import Error on the first import line of the video.js file.
import {version} from '../../package.json';
Any Ideas for this?
Hi there,
I' not sure if this is a bug in the extension but Firefox doen't play any vimeo videos if they get included via html5videoplayer. I testet it with TYPO3 7.6.9 and version 6.7 of the extension. All other browser just work fine. Firefox is complaining about unknown mimetype 'video/vimeo' and just stops loading.
Kind regards
Hi,
did you see that typo3.org discovered a XSS vulnerability with Ext:html5videoplayer?
https://typo3.org/teams/security/security-bulletins/typo3-extensions/typo3-ext-sa-2016-027/
In VimeoProcessDatamap::processDatamap_postProcessFieldArray is still a request with http.
Should be changed to https.
http://vimeo.com/api/v2/video/ => https://vimeo.com/api/v2/video/
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.